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Antes de empezar: 

Manual F.V. 

Significa “manual practico de informatica”, pero realmente realmente PRACTICO. 

En el texto me refiero continuamente a TuCarpeta, esto es un subdirectory de tu ordenador 
donde es conveniente que grabes todos los programas de este “tu manual”. 

Todos los programas y ejercicios del manual han sido probados sin problema en el Microsoft 
Internet Explorer 5.0 

Mi consejo, es que escribas de nuevo tal como te indico en el texto, cada uno de los programas 
utilizando el Bloc de Notas del Windows. Solo en el caso de que el programa no te funcione y 
no descubras cual es el error, copialo a partir del Word en el Bloc de Notas y grabalo con otro 
nombre; para poder compararlo con el tuyo y asf descubrir el error. 

Piensa que se aprende mas descubriendo los propios errores, que avanzar sin hacer ningun error. 
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I.- Introduccion a la programacion en JavaScript 


1.- Introduccion 

De todos los servicios que ofrece INTERNET, no cabe duda de que el mas popular es la WWW 
(World Wide Web). 

La WWW no es mas que millones de paginas en formato electronico, con los contenidos y tematicas 
mas diversas a las que podemos acceder gracias a un ordenador + modem + browser (navegador). 


Una pagina WEB no es mas que un fichero de texto (ASCII), escrito en formato HTML (Hyper Text 
Markup Language = lenguaje etiquetado de hipertexto). 


El HTML es un lenguaje basado en pares de tags (etiquetas). Un tag es un codigo entre <>, si es de 
apertura o un codigo entre <J > si es de cierre. 

Los browsers (navegadores de Internet), son capaces de traducir estas etiquetas (tags) de forma que 
presentan visualmente la pagina. 


Estructura de un fichero HTML 


Basicamente consta de cuatro pares de etiquetas: 




{ 


<HTML> 

<HEAD> 

<TITLE>Nuestra primera pagina</TITLE> 
</HEAD> 

<BODY> 


</BODY> 

</HTML> 


Lo que visualizara nuestra pagina 


El par <HTML> y </HTML> 
Determina que un fichero sea HTML 


El par <HEAD> y </HEAD> 

Determina la cabecera del fichero HTML, que puede contener un tftulo. 


• El par <TITLE> y </TITLE> 

Encierra el “titulo”: lfase de texto que aparecera en el marco del navegador (primera linea), 
al ejecutar el fichero HTML 

• El par <BODY> y </BODY> 

Encierra el contenido de la pagina html, es decir lo que se visualizara en el navegador. 


Los navegadores (browsers) mas conocidos son: 

• Netscape Comunicator 

• Microsoft Internet Explorer 
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Ejecuta el “Bloc de Notas”, es decir: 
[Initio] 

Programas 

Accesorios 

Bloc de Notas 


Escribe: 


<HTML> 

<HEAD> 

<TITLE>PROGOOO.HTM</TITLE> 

</HEAD> 

<BODY> 

<P>Esto aparecera en el navegador porque es un parrafo</P> 

<P>Esto es otro parrafo</P> 

<P>Observa lo que aparece en la linea de titulo</P> 

<P>La linea de titulo es la frase que aparece en el marco 
del navegador, linea superior</P> 

<P>;,Esta claro para que sirven los tags P, /P?</P> 

</BODY> 

</HTML> 

Graba el fichero anterior con el nombre PROGOOO.HTM en TuCarpeta 

Ejecuta el “Explorador de Windows”. Situate en TuCarpeta y haz un doble click en PROGOOO.HTM 
De esta forma, se ejecuta el navegador de tu ordenador (supondre que es el Internet Explorer) y se 
“carga” la pagina PROGOOO.HTM 

El navegador nos muestra la pagina HTML “visualmente”, para ver su codigo debes hacer: 

Menu Ver 

Codigo fuente 

La programacion en HTML no tiene ninguna utilidad para un usuario normal, ya que en el mercado 
existen herramientas que evitan la necesidad de tener que introducir manualmente los “tags”: 
HotMetal, FontPage, Word, etc. 

Lo que si tienen sentido es el estudio de la programacion en JavaScript. 

JavaScript es un lenguaje de programacion creado por la empresa Netscape (creadora de uno de los 
navegadores mas conocido) 

Es el lenguaje de programacion mas utilizado en Internet para anadir interactividad a las paginas 
Web 

No confundir el JavaScript con el Java. El Java es un lenguaje de programacion de proposito 
general como lo son el C++ o el Visual Basic. 

Un programa en JavaScript se integra en una pagina Web (entre el codigo HTML) y es el navegador 
el que lo interpreta (ejecuta). Es decir el JavaScript es un lenguaje interpretado, no compilado (no 
se genera ningun tipo de fichero objeto o exe). 

Para programar en JavaScript solo necesitamos un editor de texto (utilizaremos el Bloc de Notas del 
Windows) y un navegador (utilizaremos el Microsoft Internet Explorer) para ejecutarlo. 

^Porque el JavaScript y no otro lenguaje de programacion? 

Porque: 

• Es moderno (tiene pocos anos) 

• Es sencillo (su hermano mayor: el Java, es bastante mas complejo) 

• Es util (el desarrollo de Internet, se preve muy rapido en los proximos anos) 

• Es potente: permite la moderna POO (programacion orientada a objetos) 

• Es barato: solo necesitamos un editor de textos (el “Bloc de Notas” esta incluido en el 
Windows) y un navegador (es gratuito, ya sea el “Internet Explorer” o el “Netscape”). 
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• Es visual: permite la modema “programacion visual” (ventanas, botones, colores, 
formularios, etc.). 

En definitiva: es ideal para un primer curso de introduccion a la programacion. 

Y has de tener en cuenta que hay un “dicho” en informatica, que afirma: “Si dominas un 
lenguaje de programacion, los conoces todos”. 


2.- Sintaxis basica 

Escribe, utilizando el “Bloc de Notas” del Windows, el siguiente programa: 

<HTML> 

<HEAD> 

<TITLE>PROG001.HTM</TITLE> 

<SCRIPT LANGUAGE=''JavaScript"> 

alert(";Hola Mundo!"); 

</SCRIPT> 

</HEAD> 

<BODY> 

<P> 

Programa 1 en JavaScript 
</P> 

</BODY> 

</HTML> 


Graba el fichero anterior en TuCarpeta con el nombre Prog001.htm 

Ejecuta el programa Prog001.htm, es decir: 

• Ejecuta el “Explorador de Windows” 

• Situate en TuCarpeta 

• Clic-Click en Prog001.htm 

Estudio del Prog001.htm: 

• Un programa “JavaScript” se escribe integrado en una pagina HTML, por lo tanto no es 
mas que un fichero de texto que contiene una serie de pares de tags correspondientes a la 
pagina Web (como rmnimo el par: <HTML>, </HTML>), ademas del par de tags 
caracterfstico de un programa JavaScript. Dicho fichero se ha de grabar necesariamente con 
la extension HTM (caracterfstica de una pagina HTML). 

• Un programa “JavaScript” no es mas que una secuencia de ordenes, que deben terminar en 
punto y coma, entre los tags: 

<SCRIPT LANGUAGE^’JavaScript”> 

y 

</SCRIPT> 

• En nuestro Prog001.htm, hemos incluido el programa en la cabecera (HEAD) de la pagina, 
pero podrfamos colocarlo en cualquier parte del fichero htm 

• Nuestro primer programa JavaScript contiene una unica sentencia: alert(“”;Hola 
Mundo!”); 

Que “abre” una ventana con el mensaje que tenemos entre comillas. 

A1 hacer clic en el [Aceptar] de la ventana “alert”, se acaba el programa JavaScript (se 
encuentra el tag </SCRIPT>) y continua ejecutandose la pagina HTML. 


Utilizando el “Bloc de Notas” escribe el siguiente programa: 
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<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG002.HTM 

nom=prompt("Escribe tu nombre ","Paco"); 
alert("Mucho gusto "+ nom); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog002.htm 
Ejecutalo varias veces, observando detenidamente lo que sucede. 

Estudio del Prog002.htm 

1°) Primera y ultima lfnea: <HTML> y </HTML> 

Es decir: pagina html minima que necesitamos para incluir un programa JavaScript. 

2°) Segunda y penultima lfneas: <SCRIPT LANGUAGE=.> y </SCRIPT>, es decir programa en 

JavaScript 

3°) Primera sentencia del programa: // PROG002.HTM 

Unica lfnea del programa que no es necesario acabarla con punto y coma. 

Todas las lfneas que empiezan por // son comentarios para el programador, es decir no forman parte 
del programa, dicho de otra forma: el navegador si encuentra una lfnea que empieza por //, la salta. 

4°) var nom; 

Definimos una variable de nombre nom 

5°) nom = prompt(“Escribe tu nombre”,’’Paco”); 

Aparece un recuadro con un mensaje y un campo donde podemos escribir algo; el mensaje 
corresponde a lo que escribimos en el primer argumento de la funcion prompt, encerrado entre 
comillas. El segundo argumento del prompt contiene el valor que aparece por defecto en el campo 
del cuadro de dialogo. 

El valor del prompt es nom, es decir lo que nosotros escribamos en el cuadro sera el valor que 
tomara la variable nom. 

Si no escribimos nada y hacemos click en [Aceptar], el prompt, es decir la variable nom tomara el 
valor de Paco, porque es el valor que aparece por defecto. 

6°) alert("Mucho gusto ”+nom); 

Aparece un cuadro con el mensaje "Mucho gusto" y a continuation el valor de la variable "nom", que 
sera lo que hemos escrito en el primer cuadro que nos ha aparecido. 

En definitiva: 

La funcion prompt nos permite introducir "valores", dichos valores se han de guardar en variables, 
que previamente hemos de declarar con la palabra reservada "var" 

La funcion "alert" muestra mensajes y/o valores de variables. 


Utilizando el "Bloc de Notas del Windows" escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 


// PROG003.HTM 
/*Programa que sirve para calcular 
el area de un rectangulo */ 
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var base,altura; 

base=prompt("Escribe la base del Rectangulo",""); 
altura=prompt("Escribe la altura del Rectangulo",""); 
alert("El area del Rectangulo es = "+(base*altura)); 
</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog003.htm 

Ejecutalo varias veces. Serfa conveniente utilizar numeros enteros y tambien decimales (5.72, 0.531: 
observa que has de utilizar el punto decimal ingles). 

Si has ejecutado el programa una vez, para volverlo a ejecutar, no es necesario que "cierres" el 
navegador, basta que hagas: 

Menu Ver 
Actualizar 

o si quieres ir mas rapido, pulsa la tecla [F5] 

Es importante que tengas claro este programa: 

• Declaramos dos variables (var), que necesitamos para introducir la base y la altura del 
rectangulo, a traves de dos "prompts": 

base= prompt. 

altura= prompt. 

• Por ultimo necesitamos dos "alerts" que nos muestre el resultado del programa, que es 
simplemente el producto base * altura 

El unico elemento nuevo que aparece en el Prog003.htm es: 

/*Programa que sirve para calcular 
el area de un rectangulo */ 

Todo lo que aparece escrito entre /* y */ no es mas que un comentario para el programador, igual 
que pasaba con las lineas que empezaban por // 

La diferencia entre // y /* */ esta en que esta ultima forma de incluir un comentario, nos permite 
colocarlo de forma que ocupe mas de una linea. 


3.- Variables 

Declaration de variables 

Una variable se puede declarar en JavaScript, de dos formas: 

• Forma Explfcita: var nombre Variable; 

• Forma Implfcita: var nombre Variable= valor; 

En el ultimo caso no es imprescindible escribir var, pero es conveniente, ya que de esta forma 
localizamos rapidamente todas las variables del programa. 

El "JavaScript" es un lenguaje de programacion "Case Sensitive", esto es: no es lo mismo las 
mayusculas que las minusculas. Es decir, para el JavaScript: pepe es distinto de Pepe y distinto de pEpe. 


Escribe el siguiente programa: 


<HTML> 

<SCRIPT LANGUAGE^'JavaScript"> 
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II PROG004.HTM 

/* Programa que utiliza una variable explicita 
y dos implicitas */ 

var Expli; 
var pi=3.141592; 
var radio=7; 

Expli=pi*radio*radio; 
alert("Area del Clrculo = "+Expli); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog004.htm 
Ejecutalo 


4.- Tipos de Datos 

Cuando declaramos una variable, esta no pertenece a ningun tipo de data en concrete, se dice que es 


Undefined. Es al asignarle un valor cuando pasa 

Existen 6 tipos de datos: 

String: cadenas de texto 
Number: valores numericos 
Boolean: true o false 

Podemos averiguar el tipo de dato que contiene u 


ser de uno u otro tipo, segun el dato que albergue. 


Object: objetos 
Null: nulo 

Undefined: no definido. 

variable si utilizamos la funcion incorporada typeof 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript "> 

// PROG005.HTM 
var Pepe; 

var PEPE="Hola que tal 

var pepE=75.47; 

var pEpe=" ;,Gomo estas?"; 

Pepe=PEPE+pEpe; 
alert("PEPE="+PEPE); 
alert("PEPE es "+typeof(PEPE)); 
alert( "pepE= "+pepE); 
alert("pepE es "+typeof(pepE)); 
alert("pEpe="+pEpe); 
alert("pEpe es "+typeof(pEpe)); 
alert( "Pepe="+Pepe); 
alert("Pepe es "+typeof(Pepe)); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog005.htm 
Ejecutalo tantas veces como quieras. 
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5.- El tipo de dato "String": 

En JavaScript los textos se denotan por comillas dobles o comillas simples, pero no ambas a la vez. 
Variable 1 = "Pepito" 

Variable2 = 'Paquito' 

Podemos incluir un caracter de control en una cadena de texto, si utilizamos el llamado caracter de 
escape que es: \ 

Los caracteres de control mas usados son: 

\n salto de linea 

\t tabulador 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// PROG006.HTM 
var num; 

alert("Hola que tal"); 
alert("Hola \nque tal"); 
alert("Hola\t"+"que"+"\n"+"tal"); 
alert("Hola\n que\n t\nal"); 
num=prompt("Escribe un numero: 
alert("El \ndoble\n es: \n"+(num*2)); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog006.htm 
Ejecutalo, observando detenidamente la accion de \n y \t 

Si no introducimos un numero en el "prompt", en el "alert" correspondiente al doble del numero, 
aparecera NaN, que quiere decir que no es un numero. 


6.- El tipo de datos "Number" 

Podemos guardar indistintamente en una variable number un numero entero, decimal, positivo o 
negativo. 

Ejemplos: 

var numNatural= 1234; 
var numEntero = -479; 
var numDecimal = 3.141592; 
var numDecimal2 = -0.123; 


Bases de Numeracion en JavaScript (numeros enteros) 

Por defecto, el sistema de numeracion es el decimal. 

• Base Hexadecimal (base 16): anteponemos el prefijo OX 

• Base Octal (base 8): anteponemos un cero 
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Digitos del sistema decimal: 0, 1, 2, 3,4, 5, 6, 7, 8, 9 

Digitos del sistema hexadecimal: 0, 1, 2, 3,4, 5, 6, 7, 8, 9, A (que corresponde al 10 en base decimal), B 
(que corresponde al 11 en decimal), C (12), D (13), E (14), F (15) 

Ejemplo: 

FF32 en base 16 es 2 + 3*16 + 15*16 2 + 15*16 3 = 65330 en sistema decimal 

Es decir: 0xFF32 (numero en base 16, segun notacion de JavaScript) = FF32m = 65330m 

12345s = 5 + 4*8 + 3*8 2 + 2*8 3 + 1*8 4 = 5349 10 

Es decir: 012345 (numero en base 8, segun notacion de JavaScript) = 12345 8 = 5349m 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript "> 

// PROG007.HTM 

varnl=57; //numero en base 10 

var n2=012345; //base 8, porque empieza por 0 

var n3=0xFF32; //base 16, porque empieza por Ox 

alert("numero decimal= "+nl); 

alert("el 12345 en base 8 es en decimal= "+n2); 

alert("el FF32 en base 16 es en decimal= "+n3); 

/* Observa que al escribir una variable numerica en un "alert" 
siempre nos da el numero en decimal, 
aunque sea en octal o hexadecimal */ 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog007.htm y ejecutalo. 


En el programa anterior aparecen 3 “alerts”, uno para cada uno de los tres numeros. No hay ningun 
problema para incluir los tres “alerts” en uno solo.... 


En efecto, escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG007b.HTM 

varnl=57; //numero en base 10 
var n2=012345; //base 8, porque empieza por 0 
var n3=0xFF32; //base 16, porque empieza por Ox 
alert("numero decimal= "+nl+"\n"+ 

"el 12345 en base 8 es en decimal= "+n2+"\n"+ 
"el FF32 en base 16 es en decimal= "+n3); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog007b.htm y ejecutalo. 
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Observa que la solution de nuestro problema esta: 

• Unir texto (entre comillas) y variables (sin comillas), con el signo “+” 

• Cada vez que deseemos un cambio de linea, incluimos “\n” 


Veamos otra forma de incluir en un “alert” muchos datos ... 
Escribe: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// Prog007bb.htm 
var x,y,z; 
salida=""; 

var xl="Pepito Grillo", yl="Paquita Gonzalez"; 
var numl=37, num2=3.752; 
x=prompt("Escribe tu nombre:",""); 
y=prompt("Escribe tu primer apellido: 
z=prompt("Escribe tu segundo apellido:",""); 
salida=salida+"Ahora un alert largo 
salida=salida+x+y+z; 
salida=salida+xl+" "+yl; 
salida=salida+numl+" "+num2; 
salida=salida+" ,ya me he cansado"; 
alert(salida); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog007bb.htm y ejecutalo. 

Observa de que forma acumulamos muchos datos en un solo “alert” (esta sera la forma de proceder, 
cuando necesitemos una “salida” con muchos valores): 

• definimos una variable “vacia”: var salida=””; 

• acumulamos a la variable salida todo lo que queramos: salida=salida+ lo que sea 

• “lo que sea” puede ser una cadena (un texto) o una variable (sea numerica o de texto). 

salida=salida + xl + “ “ + yl; 
salida=salida + “ya me he cansado”; 

• Para acabar, un solo “alert”: alert(salida); 


Variables nulas 

Cuando una variable no contiene ningun valor, su contenido es nulo 
Ejemplo: miVariable = "Hola"; 

miVariable= null; // la vaciamos para que no ocupe memoria. 


Valores especiales para variables numericas 

NaN: no es un numero. 

Infinity: infinito, por ejemplo 3/0 
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Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG008.HTM 

var varl="Pepe"; 

var var2="Paquito"; 

var var3=5/0; 

alert("Pepe es ”+varl); 

alert("Paquito + 2 es ="+(var2+2)); 

alert("5/0 es ="+var3); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog008.htm y ejecutalo. 


7.- Contadores 

Uno de los instrumentos mas utilizados en todo lenguaje de programacion es el llamado contador 
Observa: 

var x= 10; 
x = x+1; 
x = x-5; 

Declaramos una variable "x", que es numerica y que inicialmente es 10. 

La linea "x = x+1" es un contador, que hemos de leer: El nuevo valor de "x" es igual al anterior valor 
de "x" mas una unidad. Es decir, que en estos momentos nuestra variable "x" es igual all. 

La siguiente linea: "x = x-5" es otro contador que hemos de leer: el nuevo valor de "x" es igual al 
anterior valor de "x" menos 5 unidades. Es decir, que el valor de la variable "x" es ahora 11 -5 = 6 

Haz un programa para comprobar lo que hemos dicho sobre los contadores, es decir: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG009.HTM 
var x=10; 

alert("El valor inicial de x es ”+x); 
x=x+l; 

alert( "Despues de x=x+l, x="+x); 
x=x-5; 

alert( "Despues de x=x-5, x="+x); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog009.htm y ejecutalo. 
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8.- Conversion entre tipos de datos 

Conversion implicita de tipos 

Observa: var varl = "75"; 

var var2 = 25; 
var var3, var4; 
var3 = varl + var2; 
var4 = var2 + varl; 

Las varibles var3 y var4 contienen ^numeros o textos? 

Cuando se suman cadenas de texto con cualquier otra cosa, los otros tipos de datos se convierten en 
cadenas de texto. Pero si restamos, multiplicamos o dividimos "cadenas de texto", ^sucede lo mismo?. 
Vamos a descubrirlo en los siguientes programas. 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG010.HTM 

var numl="30"; 
var num2="15"; 

// Observa que definimos dos cadenas de texto 

alert("30+15= "+(numl+num2)); 
alert("30*15= "+(numl*num2)); 

</SCRIPT> 

</HTML> 


Graba el programa en TuCarpeta con el nombre Prog010.htm 
Ejecutalo. 

La conclusion esta clara: 

• Si sumamos dos cadenas (aunque contengan numeros) de texto se produce la concatenation 
(union) de los dos textos. 

• Si multiplicamos (o hacemos cualquier operation aritmetica que no sea la suma), dos 
cadenas de texo que en realidad contienen numeros, se produce una conversion implicita 
de las cadenas a numeros y aparece el producto aritmetico de los numeros. 

^Que sucede si introducimos dos numeros a traves de la funcion prompt?. Vamos a verlo: 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

//PROGOll.HTM 
var numl,num2; 

numl=prompt("Escribe un numero",""); 
num2=prompt("Escribe otro numero",""); 
alert("La suma es ="+(numl+num2)); 

</SCRIPT> 

</HTML> 
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Grabalo en TuCarpeta, con el nombre Prog011.htm 

Ejecutalo. No funciona como deseamos debido a que el resultado de un prompt, siempre es una 

cadena de texto. 

El problema que tenemos pendiente, es <;como sumar en JavaScript? 

Conversion explicita de tipos 
parseFloat(cadena) 

Toma la "cadena" y la transforma en un numero en coma flotante, si es posible. 
parseFloat ("123.456") = 123.456 
parseFloat ("123ABC") = 123 
parseFloat ("ABC") = NaN 

parselnt(cadena, numero) 

Devuelve numeros enteros, el segundo argumento nos permite escoger la base de numeracion 
(entre 2 y 36) 

parselnt ("ABC",16) = 2748 ABC i6 = 2748 10 

Si no especificamos el segundo argumento, por defecto es 10. 

Si la cadena empieza por Ox y no existe el segundo argumento, se entiende que es 16. 

Si la cadena empieza por 0 y no existe el segundo argumento, se entiende que es 8 

toString(argumento) 

Si argumento = numero 

Devuelve una cadena que contiene el numero 

Puede haber un argumento opcional: 

(13).toString(16) =”d” siendo 13 10 = d, 6 
(13).toString(2) = “1101” siendo 13 10 = 1101 2 


Vamos a hacer un programa que sume numeros en JavaScript. Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

//PROG012.HTM 

var numl,num2; 

numl=prompt("Escribe un numero",""); 

numl=parseFloat(numl); 

num2=prompt("Escribe otro numero",""); 

num2=parseFloat(num2); 

alert("La suma es ="+(numl+num2)); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog012.htm 
Ejecutalo, utilizando numeros enteros, naturales y decimales. 


A partir de este momento hemos de tener claro si los “prompts” corresponden a numeros enteros, 
decimales o de texto: 
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Si “x” ha de ser un numero entero escribiremos: 

x = parseInt(prompt(“Escribe un numero entero”,””)); 

Si “x” ha de ser un numero decimal escribiremos: 

x = parseInt(prompt(“Escribe un numero entero o decimal”,””)); 

Si “x” ha de ser una cadena de texto escribiremos: 

x = prompt(“Escribe el texto correspondiente”,””); 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// Prog012b.htm 

var x,y; 

x=parseInt(prompt("Escribe un entero ","")); 
y=parseInt(prompt("Escribe otro entero ","")); 
alert("La suma de "+ x +" + " + y +" es =" + (x+y) +"\n"+ 
"El producto de "+ x +" y "+ y +" = "+(x*y)+"\n"+ 
"El promedio de "+ x +" y "+ y +" es "+ (x+y)/2); 
</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog012b.htm, y ejecutalo. 


En el ejercicio Prog007.htm habfamos visto una forma de convertir un numero en base 8 o base 16 en 
base 10. Pero dichos numeros debfamos de escribirlos implfcitamente, es decir en el programa. Nos 
gustarfa hacer un programa que: 

Nos preguntara un numero en base 16 (prompt) 

Nos diera como resultado el numero anterior pero en base 10 

Vamos a ver si lo conseguimos: 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE=''JavaScript"> 

// Prog012bb.htm 

var m,n,x; 

m=prompt("Escribe un numero en base 16",""); 
n=parselnt(m, 16); 

alert("El numero "+m+" en base 16, es igual a "+n+" en base 10"); 
</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog012bb.htm en TuCarpeta y ejecutalo para el numero “FF32”, a ver si es 
verdad que nos da “65330” como resultado. 

Observa el funcionamiento del programa Prog012bb.htm: 

• m = prompt(“Escribe un numero en base 16”, “”) 

Lo que escribamos (un numero en base 16), se guardara en la variable “m” como texto (ya que 
no hemos puesto ningun “parselnt” ni “parseFloat”). 
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• n =parselnt(m,16) 

La variable “n” guardara el numero en base 10 

Es decir: parselnt(cadena, 16), transforma la “cadena”, en nuestro ejemplo un numero escrito 
en base 16, en el correspondiente numero (no cadena) pero en base decimal. 


Vamos a ver si el procedimiento sirve para cualquier otra base... 

Antes de todo veamos unos cuantos numeros en diferentes bases: 

36 7 = 6 + 3.7 = 27 en base 10 

123 4 = 3 + 2.4 + 1.4 2 = 27 en base 10 

5134 6 = 4 + 3.6 + 1.6 2 + 5.6 3 = 1138 en base 10 


Escribe: 


<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// Prog012bbb.htm 
var m7,n7; 
var m4,n4; 
var m6,n6; 

m7=prompt("Escribe un numero en base 7",""); 
n7=parselnt(m7,7); 

m4=prompt("Escribe un numero en base 4",""); 
n4=parselnt(m4,4); 

m6=prompt("Escribe un numero en base 6",""); 
n6=parselnt(m6,6); 

alert("El numero "+m7+" en base 7, es igual a "+n7+" en base 10\n"+ 
"E1 numero "+m4+" en base 4, es igual a "+n4+" en base 10\n"+ 
"El numero "+m6+" en base 6, es igual a "+n6+" en base 10"); 

</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog012bbb.htm y ejecutalo, probandolo con los numeros anteriores. 

Veamos el problema inverso: dado un numero en base 10, nos interesa convertirlo a base 7, por ejemplo. 
Matematicamente: 

Sea 593 un numero en base 10 


593io = 1505 7 , porque: 


593 

33 



En JavaScript deberfamos hacerlo de la siguiente forma, escribe: 
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<HTML> 

<SCRIPT LANGUAGE="JavaScript "> 

// Prog012bbbb.htm 
var m,n; 

n=parseInt(prompt("Escribe un numero entero en base 10","")); 
m=(n).toString(7); 

alert("El numero "+n+" en base 10, es igual a "+m+" en base 7"); 

</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog012bbbb.htm y ejecutalo, probando su funcionamiento con el numero 
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Autoevaluacion I 


1) Haz un programa de nombre EvallA.htm, que has de grabar en TuCarpeta que sirva para restar dos 
numeros cualesquiera, sean enteros o reales. <;Que sucede si en lugar de restar dos numeros, 
intentamos restar dos textos?. 

Haz un programa de nombre EvallAb.htm, que demuestre el unico caso en que podemos restar dos 
cadenas de texto. 


2) Haz un programa de nombre EvallB.htm, que has de grabar en TuCarpeta, que sirva para dividir 
dos numeros. 

^Que sucede si en lugar de dividir dos numeros, intentamos dividir dos textos? 

^Que sucede si el divisor es el numero 0? 


3) Haz un programa de nombre EvallC.htm, que has de grabar en TuCarpeta, que funcione de la 
siguiente forma: 

El programa nos pregunta nuestro nombre. 

El programa nos pregunta nuestra edad. 

El programa da como resultado nuestro nombre y a continuation los dias que hemos vivido hasta el 
momento (deberas multiplicar la edad por 365). 


4) Haz un programa de nombre EvallD.htm, que has de grabar en TuCarpeta, que funcione de la 
siguiente forma: 

El programa nos pide un numero. 

El programa nos muestra en una unica pantalla (un unico “alert”), el doble, el triple y cuadruple del 
numero que habfamos introducido. 


5) El siguiente programa tiene errores. Escrfbelo (grabalo con el nombre EvallE.htm en TuCarpeta) y 
corrfgelo para que funcione y explica para que sirve: 

<HTML> 

<SCRIPT LANGUAGE="JavaScrip"> 

/* EVAL1E.HTM 

var a,b; 

a=prompt("Escribe la base:") 
b=promp("Escribe la altura:") 
alert("Area= "+(a*b/2); 

</SCRIP> 

</HTML> 


6) Haz un programa de nombre EvallF.htm, que has de grabar en TuCarpeta, que sirva para calcular la 
longitud de una circunferencia y el area del crrculo correspondiente. 


7) Haz un programa de nombre EvallG.htm, que has de grabar en TuCarpeta, que sirva para calcular 
un determinante de 2° orden. 


8) Haz un programa de nombre EvallH.htm, que has de grabar en TuCarpeta, igual que el EvallG, 
pero que presente los 4 elementos del determinante tabulados en 2 filas y 2 columnas. 
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9) Haz un programa de nombre Evalll.htm, que has de grabar en TuCarpeta, que funcione de la 
siguiente forma: 

El programa nos pide nuestro nombre. 

El programa nos pide nuestro primer apellido. 

El programa nos pide en que poblacion vivimos. 

El programa presenta una pantalla aproximadamente igual a la siguiente: 


Hola nombre Apellido 
Adios habitante de Poblacion 


10) Haz un programa de nombre EvallJ.htm, que has de grabar en TuCarpeta, que funcione de la 
siguiente forma: 

El programa nos pide un numero. 

Utiliza tres contadores: 

• Un contador: suma 5 

• Otro contador: suma 21 

• Otro contador: resta 4 

El programa nos presenta los 4 numeros de la siguiente forma: 

• La primera lfnea: el numero introducido. 

• La segunda lfnea: los tres numeros tabulados, que han resultado de los tres contadores. 
De forma que si introducimos el n° 5 deberfa aparecer: 



11) Haz un programa de nombre EvallK.htm, que has de grabar en TuCarpeta, que funcione de la 
siguiente forma: 

El programa nos pide un numero entero. 

El programa nos da como resultado el mismo numero pero en base 16 
Y por ultimo nos lo escribe en base 5 

Comprueba el programa para el numero 52. Deberas calcular en primer lugar matematicamente el valor 
de 52 en base 16 y en base 5. 


12) Haz un programa de nombre EvallL.htm, que has de grabar en TuCarpeta, que funcione de la 
siguiente forma: 

El programa nos pide un numero en base ocho 
El programa nos lo escribe en base decimal. 

Y por ultimo en base 2. 

Comprueba el programa para el numero 6561 8 . Deberas resolver en primer lugar el problema 
matematicamente. 


13) Haz un programa de nombre EvallM.htm que has de grabar en TuCarpeta, que funcione de la 
siguiente forma: 

El programa nos pide un numero entero. 

El programa nos pide la base 

El programa nos escribe el numero introducido en la "base" deseada. 
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Comprueba el programa para el numero 100, en base 2, 3 y 11. Deberas resolver en primer lugar el 
problema matematicamente. 


14) ^Que es la WWW? 


15) Cuales son los "browsers" mas conocidos. 


16) Escribe un fichero HTML (que no sea un programa JavaScript), que presente la frase: "Hola que tal" 
y debajo tu nombre y apellidos. 


17) ^Que encierra el par de tags: <BODY>, </BODY>? 


18) iQu6 relacion hay entre el Java y el JavaScript? 


19) ^Quien creo el lenguaje de programacion JavaScript? 


20) ^ Cuales son las caracteristicas del JavaScript? 


21) El JavaScript es un lenguaje ^compi I ado o interpretado?. /,Que programa hace de compilador o 
interprete? 


22) ^Porque decimos que el JavaScript es un lenguaje de programacion barato? 


23) ^Que indican las siglas POO? 


24) ^Como se llaman y como funcionan las dos formas de definir una variable en JavaScript? 


25) ^Porque el JavaScript es un lenguaje "Case Sensitive"? 


26) Nombra todos los tipos de datos que existen en JavaScript. 


27) ^Para que sirve la funcion typeof?. Inventa un par de ejemplos. 


28) ^,Que es el caracter de escape? ^Que es un carater de control?. Escribe dos caracteres de control e 
indica para que sirven. 


29) ^Que dara por resultado el siguiente programa, y porque? 
<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// EVAL1N.HTM 
var num=0xA; 
alert("Numero= "+num); 

</SCRIPT> 
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</HTML> 

Grabalo con el nombre EvallN.htm en TuCarpeta. 


30) Calcula el numero 9AC1 que esta en base 16 a base 10, matematicamente 

31) Calcula el numero 7640 que esta en base 8 a base 10, matematicamente. 


32) Utiliza programas ya hechos para comprobar los dos ejercicios anteriores. 


33) i Que diferencia hay entre null y NaN 


34) i Que problema hay al sumar en JavaScript?. Explica como solucionarlo. 


35) Indica a que es igual los siguientes valores: 

a) parseInt("A",16)= 

b) parseFloat("31H")= 

c) toString(13)= 

d) toString(4.273,49)= 


36) 


Haz un programa de nombre Evallo.htm, que sirva para calcular el producto escalar de dos vectores 
del piano. 


La “salida” ha de ser de la siguiente forma: 



Comprueba el funcionamiento del programa, 
utilizando el caso concreto que aparece en la 
ilustracion. 


■\ El producto escalar de los vectores: 
/ « \ (-2,3) y (5,-2)es-1B 


Aceprar | 


37) Haz un programa de nombre Evalip.htm, que sirva para calcular el coseno del angulo que forman 
dos vectores del piano, sabiendo que Math.sqrt(x) calcula la raiz cuadrada de “x”. 

La “salida” ha de ser de la siguiente forma: 


Comprueba el funcionamiento del 
programa, utilizando el caso concreto que 
aparece en la ilustracion. 



38) Haz un programa de nombre Evallq.htm que sirva para 
calcular el punto medio de un segmento. 

La “salida” ha de ser de la siguiente forma: 


Microsoft Internet Explorer 


□ 


El punto medio del segmento 
de extremos, los puntos: 
(7,-4) y (5,6)es (6,1) 


Comprueba el funcionamiento del programa, 
utilizando el caso concreto que aparece en la ilustracion. 


| Aceptar TTT n| 
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II.- Estructuras de Programacion 


1.- Operadores Logicos y Relacionales 


== igualdad 

!= diferente 

&& y 

II o 

! No 


2.- La estructura “if-else” 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// PROG013.HTM 

num=parseFloat(prompt("Escribe un numero","")); 
if(num==100) 

{ 

alert("El numero que has escrito es 100"); 

} 

else 


alert("El numero que has escrito no es 100"); 

} 

if(num>0) 

{ 

alertC'El numero que has escrito es positivo"); 

} 

else 

{ 

alertC'El numero es negativo o 0"); 

} 

</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog013.htm en TuCarpeta 
Ejecutalo. 

La Estructura de programacion “if-else” 

Sintaxis: 

if(condicion) 

{ 

sentencial; 

sentencia2; 

sentencia3; 

} 

else 

{ 

sentencia4; 

sentencia5; 

sentencia6; 

} 
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Significado: 

Si se cumple la condition, se ejecutan las sentencias 1, 2 y 3 y si no se cumple se ejecutan las sentencias 
4, 5, 6. La option “else” es optional. 

Observa la diferencia entre “=” y 

a = 3*9 es una asignacion, es decir la variable “a” es 27. En cambio if(a==5) es una condition: si “a” es 
identico a 5 (si el valor de “a” es el numero 5)... 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE=''JavaScript"> 

// PROG014.HTM 
var a,b; 

a=parseFloat(prompt("Escribe el primer numero","")); 
b=parseFloat(prompt("Escribe el segundo numero","")); 
if(a==b) alert("Los dos numeros son iguales"); 
if(a != b) alert("Los dos numeros son distintos"); 
if(a>b) 

{ 

alert("El primer numero es mayor que el segundo"); 

} 

else 

{ 

alert("El primer numero no es mayor que el segundo"); 

} 

if((a>b) && (100>a)) 

{ 

alert("El primero es mayor que el segundo"); 
alert("Ademas los dos son menores de 100"); 


alert("El primero no es mayor que el segundo"); 
alertC'O uno de los dos numeros es mayor o igual a 100"); 
} 

</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog014.htm en TuCarpeta. 

Ejecuta el programa para los siguientes casos, observando detenidamente lo que aparece: 

1) a=70, b=2 

2) a=50, b=30 

3) a=7, b=ll 

4) a=100, b=50 

5) a=50, b=100 

Observa: 

a==b “a” es igual a “b” 
a != b “a” es diferente a “b” 

(a>b) && (100>a) 

“a” es mayor que “b” y ademas “100 es mayor que -a-“ 

El else correspondiente a la condition anterior, serfa equivalente a no(a>b) II no(100>a), es decir 
la negation de la primera condition o la negation de la segunda (o las dos negaciones a la vez). 
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3.- La estructura de programacion “while” 

Sintaxis: 

while(condicion) 

{ 

setencial; 

sentencia2; 

sentencia3; 

} 

Significado: 

“Mientras” se cumpla la condicion, se iran repitiendo las sentencias 1, 2 y 3. 


Escribe el siguiente programa: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 

// PROG015.HTM 
var x=0; 
while(x<6) 

{ 

alert("El valor de x es= ”+x); 
x=x+l; 

} 


</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog015.htm en TuCarpeta y ejecutalo. 

Estudio del Prog015.htm 

• En “palabras”, nuestro programa nos dice: “mientras” la x sea inferior a 6; 
escribe el valor de “x”; 

incrementa en una unidad el valor de “x”; 

• A1 principio x=0 

Se cumple la condicion del while: x<6 
Aparece escrito x=0 
A1 pasar por el contador x=l 
Se cumple la condicion x<6 
Aparece escrito x=l 
A1 pasar por el contador x=2 
Aparece escrito x=2 


Cuando x=6 no se cumple la condicion y por lo tanto se acaba el programa. 


4.- Contadores en JavaScript 



num=num+2 

num=num*2 

num=num/2 


es equivalente a escribir 
es equivalente a escribir 
es equivalente a escribir 
es equivalente a escribir 
es equivalente a escribir 


a++ 



+= 2 
*= 2 
/= 2 
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Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG016.HTM 
var i=2; 

var j=7; 
while (i<j) 

{ 

res=res+" "+i+" "+j+"\n"; 
i++; 

j--; 

} 

alert(res); 

</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog016.htm en TuCarpeta 

Ejecuta el programa, es importante que tengas claro el funcionamiento del Prog016.htm: compara el 
listado del programa con lo que sucede al ejecutarlo. Observa como conseguimos escribir toda la 
salida en un unico “alert” (variable “res”). 


Programa que repite un texto cualquiera, el numero de veces que queramos, utilizando un “while” 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG017.HTM 

var nom; 
var indice=l; 
var num; 
var respuesta=" 

nom=prompt("Escribe tu nombre",""); 
num=prompt("Cuantas veces quieres que lo repita",""); 
num=parselnt(num,10); // era una cadena y ahora es un numero 
while (indice <= num) 

{ 

respuesta=respuesta+nom+ "\n"; 
indice++; 

} 

alert(respuesta); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog017.htm y ejecutalo 

Recuerda que en el “Parselnt” no es necesario escribir el 10, ya que por defecto (si no lo escribimos), 
es base 10. 
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Programa que acumula la suma y el producto de los numeros que queramos 

Escribe: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// PROG018.HTM 

var sum=0; 
var pro=l; 
var respuesta=""; 

num=prompt("Escribe un numero diferente de cero=",""); 
num=parseFloat(num); 
while(num != 0) 

{ 

sum=sum+num; 

pro=pro*num; 

respuesta=respuesta+num+"\tsuma parcial:"+sum+"\tproducto parcial:"+pro+"\n"; 
num=prompt("Escribe otro numero (para acabar introduce cero)",""); 
num=parseFloat(num); 

} 

alert(respuesta); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog018.htm y ejecutalo. 

Observa como acumulamos la suma y el producto: 

Contador que acumula la suma de los numeros “num”: sum=sum+num; 

Hemos de inicializar a 0 la variable “sum”. 

Contador que acumula el producto de los numeros “num”: pro=pro*num 
Hemos de inicializar a 1 la variable “pro”. 


5.- La Estructura de programacion “For” 

for (contador = valor inicial; condition; expresion de incremento) 

{ 

} ’ 


Ejemplo: 

for (i=l;i<=10;i++) 

{ 

sentential; 

sentencia2; 

sentencia3; 

} 

En palabras significa: 

“Desde i=l, hasta i=10 de 1 en 1, repite las sentencias 1, 2 y 3” 
Es decir: Repite 10 veces las sentencias 1, 2 y 3 
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Observa que el contador o rndice del “for” (en nuestro caso la “i”), es una variable que no es necesario 
declararla, ya que la expresion “i=l” la declara e inicializa. 

Programa que repite un texto cualquiera en numero de veces que queramos, utilizando un “for” 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG019.HTM 

var texto; 
var num; 
var salida=""; 

texto=prompt("Escribe un texto",""); 
num=prompt("Cuantas veces quieres que lo repita",""); 
num=parselnt(num,10); 
for(i=l;i<=num;i++) 

{ 

salida=salida+texto+"\n"; 

} 

alert(salida); 

</SCRIPT> 

</HTML> 


Graba el fichero en TuCarpeta, con el nombre Prog019.htm y ejecutalo unas cuantas veces. 


Programa que calcula todos los multiplos de 11 menores de 3000 y por ultimo nos da la suma de 
todos ellos. 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG020.HTM 

var salida=""; 
var sum=0; 

for (multi= 11; multi<3000; multi=multi+11) 

{ 

salida=salida+multi+" "; 
sum=sum+multi; 

} 

alert(salida+"\nLa Suma de todos ellos es= "+sum); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta, con el nombre Prog020.htm y ejecutalo. 
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Programa que calcula el factorial de un numero 

Recuerda que el factorial del numero “x” es: l*2*3*4*5*...*x 
Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// PROG021.HTM 
var salida=""; 
var fact=l; 
var num; 

num=prompt("Calculo del factorial del numero 
num=parselnt(num, 10); 
for(i=l;i<=num;i++) fact=fact*i; 
alert("El factorial de "+num+" es "+fact); 


</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog021.htm y ejecutalo varias veces. 
Observa que nuestro “for” no necesita llaves, porque contiene una unica sentencia. 


Programa que calcula los 10 primeros multiplos del numero que queramos, por ultimo nos da la 
suma de todos ellos. 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG022.HTM 
var salida=""; 
var num; 
var mult; 
var sum=0; 

num=prompt(" < ‘,Multiplos de que numero?",""); 

num=parselnt(num,10); 

for(i=l;i<=10;i++) 


mult=num*i; 
salida=salida+mult+" "; 
sum=sum+mult; 

} 

alert(salida+"\nSuma= ”+sum); 


</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog022.htm en TuCarpeta y ejecutalo varias veces. 
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Tabla de valores de la funcion y=x 2 -5x+10 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG023.HTM 

var xl,x2,paso; 
var salida=""; 
vary; 

xl=prompt("Escribe el menor valor de x",""); 
xl=parseFloat(xl); 

x2=prompt("Escribe el mayor valor de x",'"'); 
x2=parseFloat(x2); 

paso=prompt("Escribe el incremento de x:",""); 
paso=parseFloat(paso); 
for(i=xl;i<=x2;i=i+paso) 

{ 

y=i*i-5*i+10; 

salida=salida+i+" "+y+"\n"; 

} 

alert(salida); 

</SCRIPT> 

</HTML> 


Graba el fichero en TuCarpeta con el nombre Prog023.htm y ejecutalo varias veces. 

A1 ejecutar el programa anterior, nos podemos encontrar con una serie de problemas, por ejemplo si 
introducimos en el valor menor de “x” (xl), un valor que sea mayor que el introducido en la variable 
x2, o tambien puede suceder que en la variable paso escribamos un numero negativo. 

Vamos a solucionar estos posibles problemas, es decir vamos a “mejorar” el programa anterior. 
Escribe: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 

// PROG024.HTM 

var xl,x2,paso; 
var salida=""; 
vary; 

xl=prompt("Escribe el menor valor de x de la tabla",""); 
xl=parseFloat(xl); 

x2=prompt("Escribe el mayor valor de x de la tabla",""); 
x2=parseFloat(x2); 
if (xl>=x2) 

{ 

alert("No tiene sentido lo que intentas hacer"); 

} 

else 

{ 
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paso=prompt("Escribe el incremento de x",""); 
paso=parseFloat(paso); 
if (paso<=0) 

{ 

alert("No tine sentido lo que intentas hacer"); 

} 

else 

{ 

for (i=xl;i<=x2;i=i+paso) 


y=i*i-5*i+10; 

salida=salida+i+" "+y+"\n"; 

} 

alert(salida); 

} 

} 


</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog024.htm en TuCarpeta y ejecutalo, convendria probar los casos xl>=x2 
y paso<0 


Observa de que forma salimos del programa si introducimos datos que no tienen sentido. 


6.- El Objeto “Math” 

Nos permite trabajar con funciones matematicas. 

Concretamente: 

Math.log(x) = ln(x) 

Math.exp(x) = e x 

Math.sqrt(x) = raiz cuadrada de “x” 

Math.pow(a, b) = a b 

Math.floor(): numero entero mas cercano y menor 
Math.ceil(): numero entero mas cercano y mayor 
Math.round(): redondea al entero mas proximo. 

Math.random(): numero aleatorio entre 0 y 1 

Math.round(y-x)*Math.random()+x: numero aleatorio entre “x” e “y”. 

Math.sin(x)= sin(x) x en radianes 

Math.cos(x)= cos(x) x en radianes 

Math.tan(x)= tg(x) x en radianes 

Math.atan(x)= arctg(x) resultado en radianes 

Math.abs(x): valor absoluto de “x” 

Math.max(a,b): maximo valor de los dos 
Math.min(a,b): rmnimo valor de los dos. 


Programa que calcula la hipotenusa de un triangulo rectangulo 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 
// PROG025.HTM 
var catl,cat2,hipo; 
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catl=prompt("Escribe el valor de un cateto",""); 
cat2=prompt("Escribe el valor del otro cateto",""); 
catl=parseFloat(catl); 
cat2=parseFloat(cat2); 
hipo=Math.sqrt(catl*catl+cat2*cat2); 

alert("La hipotenusa del triangulo de catetos "+catl+" y "+cat2+" es ”+hipo); 


</SCRIPT> 

</HTML> 

Graba el fichero con el nombre Prog025.htm en TuCarpeta y ejecutalo unas cuantas veces. 


Programa que calcula tantas hipotenusas como queramos 
Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG026.HTM 

var opcion="S"; 
var catl,cat2,hipo; 
while(opcion=="S" II opcion=="s") 

{ 

catl=prompt("Escribe el valor de un cateto",""); 
cat2=prompt("Escribe el valor del otro cateto",""); 
catl=parseFloat(catl); 
cat2=parseFloat(cat2); 
hipo=Math.sqrt(catl*catl+cat2*cat2); 

alert("La hipotenusa del triangulo de catetos "+catl+" y "+cat2+" es ”+hipo); 
opcion=prompt(" < ‘,Quieres calcular otra hipotenusa? (S/N)",""); 

} 

alert("Adios muy buenas"); 


</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog026.htm y ejecutalo. 


Programa que resuelve una ecuacion de segundo grado 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG027.HTM 

var a,b,c; 
var discri; 
var xl,x2; 

a=prompt("Escribe el coeficiente de la x A 2",""); 
a=parseFloat(a); 

b=prompt("Escribe el coeficiente de la x",""); 


32 



Manual de JavaScript 


b=parseFloat(b); 

c=prompt("Escribe el termino independiente",""); 

c=parseFloat(c); 

discri=b*b-4*a*c; 

if(discri<0) alert("Soluciones Imaginarias"); 
if(discri==0) 

{ 

xl=-b/(2*a); 

alert("Solucion doble que es "+xl); 

} 

if(discri>0) 

{ 

xl=(-b+Math.sqrt(discri))/(2*a); 
x2=(-b-Math.sqrt(discri))/(2*a); 
alert("Las soluciones son = "+xl+" y "+x2); 

} 


</SCRIPT> 

</HTML> 


Graba el programa en TuCarpeta con el nombre Prog027.htm 

Ejecutalo para los casos: 
a= 1. b= l,c= 1 
a= 2, b=-6, c= -20 
a= 1, b= 4, c= 4 


Programa que construye una tabla de senos 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// PROG028.HTM 

var gra,rad; 
var salida=""; 

for(gra=0;gra<=360;gra=gra+10) 

{ 

rad=3.141592*gra/180; 

salida=salida+gra+"\t\t"+Math.sin(rad)+"\n''; 

} 

alert(salida); 


</SCRIPT> 

</HTML> 

Graba el fichero con el nombre Prog028.htm en TuCarpeta y ejecutalo. 


Programa que calcula el logaritmo en base cualquiera de un numero dado 

Escribe: 

<HTML> 
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<SCRIPT LANGUAGE= "JavaScript ”> 
// PROG029.HTM 


var opc,base; 

num=prompt("Escribe un numero positivo",""); 
num=parseFloat(num); 

opc=prompt("l Logaritmo Neperiano. 2 Logaritmo Decimal. 3 Logaritmo en base a\nEscribe el 

numero de la opcion",""); 

opc=parselnt(opc,10); 

if(opc==l) 

{ 

alert("El logaritmo Neperiano de "+num+" es ”+Math.log(num)); 

} 

if(opc==2) 

{ 

alert("El logaritmo Decimal de "+num+" es "+(Math.log(num)/Math.log(10))); 

} 

if(opc==3) 

{ 

base=prompt("Introduce el valor de la base a",""); 
base=parseFloat(base); 

alert("El Logaritmo en base "+base+" del numero "+num+" es 
"+(Math.log(num)/Math.log(base))); 

} 


</SCRIPT> 

</HTML> 

Graba el fichero anterior con el nombre Prog029.htm en TuCarpeta y ejecutalo varias veces. 


Programa que calcula “potencias” 

Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG029a.HTM 

var bas,exp,resul 

bas=parseFloat(prompt("base de la potencia?","")); 
exp=parseFloat(prompt("escribe el exponente","")); 
resul=Math.pow(bas,exp) 

alert(bas+" elevado a "+exp+" es igual a ”+resul) 
</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog029a.htm 
Utiliza el programa anterior para calcular las siguientes expresiones: 

2 3 

0.32 45291 

rafz cuadrada de 2 

rafz cubica de 5.01527 
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Programa que calcula la raiz enesima de un numero 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE= "JavaScript "> 

// PROG029b.HTM 

var ind,rad,resul 

ind=parseFloat(prompt("mdice de la raiz?","")); 
rad=parseFloat(prompt("escribe el radicando","")); 
resul=Math.pow(rad,l/ind) 

alert("La raiz "+ind+" de "+rad+" es igual a ”+resul) 
</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog029b.htm 
Utiliza el programa anterior para calcular las siguientes expresiones: 

raiz 5-esima de 32 
raiz 7-esima de 4.7201 
raiz 0.5-esima de 2 


Programa que calcula el numero “e” 

Recuerda que “e” es el limite de la expresion: (1+1/n)", cuando n tiende a infinito. 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE=''JavaScript"> 

// PROG029c.HTM 

var cad; 

var salida=""; 

for(i=l;i<=5;i=i+l) 

{ 

cad="n= "+i+"\t\te= "+Math.pow(l+l/i,i)+"\n"; 
salida=salida+cad; 

} 

for(i=100;i<=50000000000;i=i*10) 

{ 

cad="n= "+i+"\t\te= "+Math.pow(l+l/i,i)+"\n"; 
salida=salida+cad; 

} 

salida=salida+"Verdadero valor de e ="+Math.E 
alert(salida); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog029c.htm y ejecutalo. 

Observa que Math.E nos da el numero “e” con la maxima precision que admite el JavaScript. 


35 



Manual de JavaScript 


Numeros Aleatorios 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 
// PROG029d.HTM 


var a; 

var x,y; 

var salida=""; 

salida=salida+"5 numeros aleatorios entre 0 y l\n"; 
for(i=l;i<=5;i++) 

{ 

salida=salida+Math.random()+"\n''; 

} 

salida=salida+"\n\n5 numeros aleatorios entre 3 y 7\n"; 
for(i=l;i<=5;i++) 

{ 

salida=salida+(Math.round(7-3)*Math.random()+3)+"\n"; 

} 

salida=salida+"\n\n5 numeros aleatorios entre 15 y 70\n"; 
for(i=l;i<=5;i++) 

{ 

salida=salida+(Math.round(70-15)*Math.random()+15)+"\n"; 

} 

alert(salida); 

alert("Vamos a ver 5 numeros aleatorios entre los dos\nque tu quieras"); 
x=parseFloat(prompt("Escribe el numero menor (puede ser decimal)","")); 
y=parseFloat(prompt("Escribe el numero mayor (puede ser decimal)","")); 

salida=""; 

salida=salida +"5 numeros aleatorios entre "+x+" y "+y+"\n\n\n"; 
for(i=l;i<=5;i++) 

{ 

a=Math.round(y-x)*Math.random()+x; 
salida=salida+a+"\n''; 

} 

alert(salida); 

/* Si quieres numeros aleatorios enteros basta 
cambiar los parentesis de la siguiente forma: 
Math.round((y-x)*Math.random()+x) */ 
salida=""; 

salida=salida+"150 numeros enteros aleatorios entre 2 y 17\n"; 
for(i=l;i<=150;i++) 

{ 

salida=salida+Math.round((17-2)*Math.random()+2)+" - 

} 

alert(salida); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog029d.htm y ejecutalo. 
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Adivinanzas 

Vamos a hacer un programa que nos pregunte un numero entero del 1 al 10, y el usuario del programa 
tiene 5 tentativas para adivinarlo. 

Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript "> 

// PROG029e.HTM 

var x,num; 
var i=0; 
var control=0; 

x=Math.round(9*Math.random()+l); 

while(i<5) 

{ 

i++; 

num=parseInt(prompt("Escribe un entero entre 1 y 10, intento "+i,"")); 
if(num==x) 

{ 

alert("Lo has acertado en "+i+" tentativas"); 
i=5; 

control=l; 


if(control==0) 

{ 

alert("Lo siento pero se han acabado tus 'vidas', el numero era ”+x); 

} 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog029e.htm y ejecutalo varias veces. 

Observa la utilidad de las variables control y i. Proximamente veremos una forma mas elegante de 
salir de una estructura while (o for). 


Programa que nos pregunta 5 sumas aleatoriamente y al final nos da la "nota" 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 
// PROG029f.HTM 


var x,y,z; 

var nota=0; 

for(i=l;i<=5;i++) 

{ 

x=Math.round(9*Math.random()+1); 
y=Math.round(9*Math.random()+1); 
z=parseInt(prompt(x+" + "+y+" = ","")); 
if(z==x+y) 

{ 

alert("Muy bien"); 


37 



Manual de JavaScript 


nota=nota+l; 


else 

{ 

alert("Lo siento, pero "+x+" + "+y+" = "+(x+y)); 

} 

} 

alert("Tu nota es ”+(2*nota)); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog029f.htm y ejecutalo varias veces. 


7.- Las sentencias BREAK y CONTINUE 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript "> 

// PROG030.HTM 

var salida=""; 
for (x=5;x<15;x++) 

{ 

if ( x ==8) break; 
salida=salida+x+" \n"; 

} 

salida=salida+"\n\n"; 
for (x=5;x<15;x++) 

{ 

if (x==8) continue; 
salida=salida+x+ "\t"; 

} 

alert(salida); 

</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog030.htm 
Ejecutalo varias veces, observando detenidamente lo que sucede 

Estudio del Prog030.htm 

La sentencia break nos obliga a salir del ciclo “for”. Por esta razon el primer “for” del programa solo 
escribe del 5 hasta el 7 

La sentencia continue salta al final del ciclo “for” y continua ejecutando el ciclo. Por esta razon el 
segundo ciclo “for” escribe todos los numeros del 5 al 14, exceptuando el 8. 

Las sentencias break y continue funcionan exactamente igual en las estructuras while y “Do-while” 
(esta ultima estructura la veremos proximamente). 
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Corrige el Prog029e.htm de la siguiente forma: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 
// PROG030a.HTM 

var i=0; 

x=Math.round(9*Math.random()+1); 
while(i<5) 


num=parseInt(prompt("Escribe un entero entre 1 y 10, intento "+i,"")); 
if(num==x) 

{ 

alert("Lo has acertado en "+i+" tentativas"); 
break; 


if(i==5) 

{ 

alert("Lo siento pero se han acabado tus 'vidas', el numero era ”+x); 

} 

</SCRIPT> 

</HTML> 

Graba el programa con el nombre Prog030a.htm y ejecutalo varias veces para comprobar que 
funciona correctamente. 

Compare el Prog029e con el Prog030a. Observa el uso practico del "break". 


8.- La Estructura de programacion “switch-case” 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG031.HTM 
var opc="0"; 


while (opc != "10") 

{ 

opc=prompt("Escribe la opcion que desees: (1)E1 Triple-(2)E1 Cuadrado-(3)El Logaritmo 
Neperiano(4)El Seno-(5)El Coseno-(10)SALIR",""); 

switch(opc) 
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num=prompt("Escribe el numero",""); 
num=parseFloat(num); 
alert("El triple de "+ num +" es " +(3*num)); 
break; 
case "2": 

num=prompt("Escribe el numero",""); 
num=parseFloat(num); 

alert("El cuadrado de "+ num +" es " +(num*num)); 
break; 
case "3": 

num=prompt("Escribe el numero",""); 
num=parseFloat(num); 

alert("El Logaritmo Neperiano de "+ num +" es " +(Math.log(num))); 
break; 
case "4": 

num=prompt("Escribe el angulo en radianes",""); 
num=parseFloat(num); 

alert("El seno de "+ num +" es " +Math.sin(num)); 
break; 
case "5": 

num=prompt("Escribe el angulo en radianes",""); 
num=parseFloat(num); 

alert("El coseno de "+ num +" es " +Math.cos(num)); 
break; 


</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog031.htm y ejecutalo. 

La estructura “switch-case” 

switch(x) 


case valor 1: 

sentencial; 

sentencia2; 


break; 

case valor 2: 

sentencia3; 


} 

Segun el valor que tome la variable “x”, se ejecutaran las lineas de programa del “case” correspondientes. 
Observa que cada “case” termina con “break”. 
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Programa que nos da la "nota" cualitativa a partir de la cuantitativa 

El programa nos pide el numero total de preguntas y el numero de respuestas acertadas. A partir de 
aquf y utilizando la estructura "switch-case", el programa nos da la "nota" cualitativa. 

En efecto, escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// PROG031a.HTM 

var num,bien,notanum,notacual; 

num=parseInt(prompt("Escribe el numero total de preguntas","")); 
bien=parseInt(prompt("Escribe el numero de resouestas acertadas","")); 
notanum=parseInt( 10*bien/num); 
switch(notanum) 

{ 

case 0: 

notacual="Muy Deficiente"; 
break; 

case 1: 

notacual="Muy Deficiente"; 
break; 

case 2: 

notacual="Deficiente''; 
break; 

case 3: 

notacual="Deficiente"; 
break; 

case 4: 

notacual="Insuficiente"; 
break; 

case 5: 

notacual="Suficiente"; 

break; 

case 6: 

notacual="Bien"; 

break; 

case 7: 

notacual="Notable"; 
break; 

case 8: 

notacual="Notable"; 
break; 

case 9: 

notacual="Excelente"; 
break; 

case 10: 

notacual="Matricula de Honor"; 
break; 

} 

alert("La nota cualitativa es ”+notacual); 

</SCRIPT> 

</HTML> 

- Grabalo con el nombre Prog031a.htm en TuCarpeta y ejecutalo varias veces para comprobar que 
funciona. 
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9.- La Estructura de programacion “Do-while” 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 
// PROG032.HTM 
var x=l; 

var salida="while:\n"; 

while (x<5) 

{ 

x=x+l; 

salida=salida+x+ "\t"; 

} 

salida=salida+"\ndo while:\n"; 
x=l; 


do 

{ 

x=x+l; 

salida=salida+x+ "\t"; 

} while (x<5); 
alert(salida); 

</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog032.htm y ejecutalo. 

^Que diferencia hay entre la estructura while y la do-while? 

Estructura de programacion do-while: 

Do 

{ 

sentencial; 

sentencia2; 

sentencia3; 

} while(condicion); 

Mientras se cumpla la condicion, se repetira la ejecucion de las sentencias 1, 2 y 3. 

Como la evaluacion de la condicion se efectua al acabarse el ciclo, el do-while se ejecutara siempre 
como nunimo una vez. Esta es la diferencia que hay entre la estructura do-while y la while. 

Para comprobarlo escribe el siguiente programa (aprovecha el Prog032.htm, porque practicamente es 
el mismo): 


<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 
// PROG033.HTM 
var x=l; 

var salida="while:\n"; 

while (x<5) 

{ 

x=x+l; 

salida=salida+x+ "\t"; 
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} 

salida=salida+"\ndo while:\n"; 
x=l; 


do 

{ 

x=x+l; 

salida=salida+x+ "\t"; 

} while (x>5); 
alert(salida); 

</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog033.htm y ejecutalo varias veces, 
comparandolo con el Prog032.htm 


10.- Calculo en forma ITERATIVA 

La llamada sucesion de FIBONACCI es: 0, 1, 1, 2,3, 5, 8, 13, ... 

Es decir, cada termino es igual a la suma de los dos anteriores. 

Vamos a “programar” la sucesion de Fibonacci. 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript "> 

// PROG034.HTM 

var anterior, ultimo, aux; 
anterior=0; 
ultimo=l; 
var solucion; 
solucion="0 -1"; 

while (ultimo<=25000000000000) 

{ 

aux=anterior+ultimo; 

anterior=ultimo; 

ultimo=aux; 

if (ultimo>0) solucion=solucion+" - "+ultimo; 

} 

alert(solucion); 

</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog034.htm y ejecutalo. 
Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG035.HTM 
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II Calculo de factorials 

var fin; 
var num=2; 
var fact; 
var solucion=""; 

fin=prompt("Factoriales hasta el numero?",""); 
fin=parseFloat(fin); 
while (num<=fin) 

{ 

fact=l; 

for (i=l;i<=num;i++) 

{ 

fact=fact*i; 

} 

solucion=solucion+" - "+fact; 
num++; 

} 

alert(solucion); 

</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog035.htm y ejecutalo. 


11.- Variable Auxiliar 

En el programa Prog034 ya utilizabamos una variable auxiliar, vamos a hacer otro programa que la 
utilize. 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG036.HTM 

/* Programa que lee la longitud de los 3 lados de un 
triangulo y analiza que tipo de triangulo es: no es triangulo, 
equilatero, isosceles, escaleno, rectangulo */ 

var ladol,lado2,lado3,auxiliar; 
var solucion=""; 
ladol=prompt("Primer lado: 
ladol=parseFloat(ladol); 
lado2=prompt("Segundo lado: 
lado2=parseFloat(lado2); 
lado3=prompt("Tercer lado: 
lado3=parseFloat(lado3); 

// Toma nota del uso de la variable auxiliar 
if (ladol>lado2) 

{ 

auxiliar=ladol; 

ladol=lado2; 

lado2=auxiliar; 

} 

if (lado3<ladol) 
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{ 

auxiliar=lado3; 

lado3=lado2; 

lado2=ladol; 

ladol=auxiliar; 

} 

if (lado3<lado2) 

{ 

auxiliar=lado2; 

lado2=lado3; 

lado3=auxiliar; 

} 


/* Yamos a ver si la ordenacion es la correcta */ 
soludon=soludon+ladol+"\t"+lado2+"\t"+lado3+"\n"; 

/* Clasificacion del triangulo */ 
if (lado3>=ladol+lado2) 

{ 

soludon=soludon+"Esto no es un triangulo"; 

} 

else 


if ((ladol==lado2)&&(lado2==lado3)) 

{ 

solucion=solucion+"Triangulo Equilatero"; 

} 

else 

{ 

if ((ladol==lado2)ll(ladol==lado3)ll(lado2==lado3)) 

{ 

solucion=solucion+"Triangulo Isosceles"; 

} 

else 

{ 

solucion=solucion+ " Triangulo Escaleno "; 

} 

if ((lado3<ladol+lado2)&&(lado3*lado3==ladol*ladol+lado2*lado2)) 

{ 

solucion=solucion+" ademas Rectangulo"; 


alert(solucion); 

</SCRIPT> 

</HTML> 

Graba el programa con el nombre Prog036.htm en TuCarpeta, y ejecutalo varias veces. 
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Autoevaluacion II 


1) El siguiente programa tiene errores. Escrfbelo y comgelo para que funcione (grabalo con el nombre 
Eval2A.htm en TuCarpeta ): 

<SCRIPT> 

<HTML LANGUAGE='’JavaScript" 

// EVAL2A.HTM 

var farenheit,Celsius, 
var s=""; 

for(i=-2;i<=12:i++) 


celsius=10*i; 

farenheit=32+(celsius*9)/5; 
s=s+"C= "+celsius+" F= "+farenheit+"\n"; 
if (celsius==0) s=s+"Punto congelacion del Agua\n"; 
if (celsius==100) s=s+"Punto de ebullicion del Agua\n"; 
} 

alert(s; 

<//SCRIPT> 

<HTML> 

2) Haz un programa que funcione de la siguiente forma: 

El programa nos pide que escribamos dos numeros positivos menores de 57 

El programa nos da como resultado el producto de los dos numeros 

Si los numeros no son positivos o son mayores de 57, el programa nos lo dice. 

El programa nos pregunta al final si queremos volver a empezar. 

Graba el programa con el nombre Eval2B.htm en TuCarpeta 


3) Escribe un programa que nos vaya pidiendo numeros. Si escribimos el numero 9999 se acaba; por 
ultimo el programa nos da como resultado el numero de numeros introducidos, exceptuando el 9999. 
Graba el programa con el nombre Eval2C.htm en TuCarpeta. 


4) Haz un programa que haga lo mismo que el anterior, pero ademas nos de la suma de todos los 
numeros introducidos, exceptuando el 9999 
Graba el programa con el nombre Eval2D.htm en TuCarpeta. 


5) Haz un programa que haga lo mismo que el anterior, pero ademas nos de el producto de los numeros 
introducidos, exceptuando el 9999. 

Graba el programa con el nombre Eval2E.htm en TuCarpeta. 


6) Haz un programa que escriba todos los multiplos de 23 inferiores a 1000 y por ultimo nos de la suma 
de todos ellos. 

Graba el programa con el nombre Eval2F.htm en TuCarpeta. 


7) Haz un programa que sirva para hacer una tabla de valores de la funcion y=sen(7x-5) 
El programa nos pide los dos valores de “x” (valores maximo y minimo). 

El programa nos pide el incremento (variation) de la “x”. 

Graba el programa con el nombre Eval2G.htm en TuCarpeta. 
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8) Haz un programa que sirva para calcular un cateto de un triangulo rectangulo a partir del otro cateto y 
la hipotenusa, de la siguiente forma: 

El programa nos pide el valor de la hipotenusa. 

El programa nos pide el valor de un cateto. 

Si el cateto es mayor que la hipotenusa, el programa nos da un mensaje de error y se acaba. 

El programa nos da como resultado el valor del otro cateto y nos pregunta si queremos volver a 
empezar. 

Graba el programa con el nombre Eval2H.htm en TuCarpeta. 


9) Haz un programa que sirva para resolver ecuaciones de 2° grado del tipo ax” + bx = 0. 
Graba el programa con el nombre Eval2I.htm en TuCarpeta. 

(Modifica el Prog027.htm, que resolvia el caso general) 


10) Haz un programa que sirva para resolver sistemas de ecuaciones del tipo: ax + by = c 

dx + ey = f 

Graba el programa con el nombre Eval2J.htm en TuCarpeta. 
x=(ce-bf)/(ae-bd); y=(af-dc)/(ae-bd) 

Prueba el funcionamiento del programa para el caso a=l; b=-2; c=-3; d=3; e=l;f=5; si todo funciona 
correctamente: x=l ; y=2 



11) Haz un programa con la posibilidad de hacer el Eval2I.htm o el Eval2J.htm (debes utilizar la 
estructura “switch”) 

Graba el programa con el nombre Eval2K.htm en TuCarpeta. 


12) Haz un programa que escriba la tabla de valores de la funcion y = ax 2 + bx + c, el programa nos pide 
los valores de a, b, c y el numero natural “v”. 

El programa construye la tabla de valores entre 
los valores de “-v” y “v” con un incremento de 
una unidad. 

Graba el programa con el nombre Eval2L.htm 
en TuCarpeta. 

La “salida” para el caso a = 1, b = -2, c=3, v=5 
ha de ser de la siguiente forma: 
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13) Haz un programa que escriba los 15 primeros multiplos de 7, su suma y su producto. El programa ha 
de tener la posibilidad de volver a empezar. 

Graba el programa con el nombre Eval2M.htm en TuCarpeta. 


14) El siguiente programa tiene errores, indfcalos y explica detalladamente lo que hace el programa: 

<htmL> 

<SCRITP> 

//Eval2N.htm 
var i=0; 
var s=””; 
wile(i<5); 

{ 

i++; 

} 

alert(s); 

</SCRIPT> 

<HTLM> 

Graba el programa corregido con el nombre Eval2N.htm en TuCarpeta. 


15) Haz un programa que sirva para calcular el area de un triangulo o el area de un rectangulo o el area 
de un circulo. El programa ha de tener la posibilidad de volver a empezar. 

Graba el programa con el nombre Eval20.htm en TuCarpeta. 


16) Haz un programa tal que: dados dos vectores del espacio calcule su producto escalar, producto 

vectorial y ademas nos de el modulo de los dos vectores y tambien el modulo del producto vectorial. 
Graba el programa con el nombre Eval2P.htm en TuCarpeta. 
v =(a, b , c) w=(d , e , f) 

Producto Escalar = ad + be + cf 
Producto vectorial = (bf-ec , dc-af, ae-bd) 

r~2 - 72 - 2 /A v=(2,-3,4) p=(-2,5,7) 

Modulo de v = 7 a +b +c 


A 


Modulos: 

lv|=5.385164807134504 
lpl=8.831760866327847 
1^1=46.70117771534247 


17) Haz un programa que “dibuje” rm rectangulo de asteriscos a partir de la base y la altura. 
Graba el programa con el nombre Eval2Q.htm en TuCarpeta. 


18) Haz un programa que dibuje un cuadrado, con el caracter que quieras, a partir del lado. 
Graba el programa con el nombre Eval2R.htm en TuCarpeta. 


19) Haz un programa que nos pida un numero y de como resultado la tabla de multiplicar del numero 
introducido. 

Graba el programa con el nombre Eval2S.htm en TuCarpeta. 
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20) Haz un programa que calcule el numero “e” mediante el desarrollo en serie: 
e = 1 + 1/(1!) + 1/(2!) + 1/(3!) + 1/(4!) + ... 1/(50!) 

Graba el programa con el nombre Eval2T.htm en TuCarpeta. 


21) Haz un programa que escriba 50 numeros aleatorios enteros entre 1 y 6. 
Graba el programa con el nombre Eval2U.htm en TuCarpeta 


22) En matematicas no se puede dejar un resultado numerico sin racionalizar, ya que el resultado sin 
racionalizar tiene un error mayor. 

Haz un programa para comprobar la afirmacion anterior, concretamente para las fracciones: 

3 3V2 

V2 Y 2 

Graba el programa con el nombre Eval2V.htm. 


23) Haz un programa que nos pregunte 10 multiplicaciones aleatoriamente y al final nos de la nota 
cualitativa. 

Graba el programa con el nombre Eval2W.htm 
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III.- Funciones y Arrays 


1.- Funciones sin retorno de parametro 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG039.HTM 

alert("Programa que ahora llamara a una funcion"); 
mediageo(); 

alert("Se acabo lo que se daba"); 

/* jAtencion!: a continuation tenemos la funcion */ 
function mediageo() 

{ 

var a,b; 

a=prompt( "Escribe un numero",""); 
a=parseFloat(a); 

b=prompt("Escribe otro numero",""); 
b=parseFloat(b); 

alert("La media geometrica de "+ a +" y "+ b +" es ”+Math.sqrt(a*b)); 

} 


</SCRIPT> 

</HTML> 

Graba el programa anterior con el nombre Prog039.htm en TuCarpeta y ejecutalo varias veces. 


Estudio del Prog039.htm 

Estructura de una funcion: 

function nombreFuncion() 

{ 

sentencial; 

sentencia2; 


} 


Se dice que la funcion es sin retorno de parametros, porque no devuelve nada; para que la funcion 
devuelva un valor, deberfa haber la instruction return. 

Si una funcion no retorna nada se le denomina tambien con el nombre de METODO. 

Nuestra funcion mediageo(), calcula la media geometrica de dos numeros. Como no retorna nada, lo que 
hace en realidad la funcion es “agrupar” en un lugar determinado del fichero HTML, una serie de 
sentencias que por ellas mismas ya forman un programa, se dice tambien que es un subprograma. 

<HTML> 

<SCRIPT LAN.... 

// Programa Principal 
sentencial; 

mediageo(); // llama a la funcion y se ejecuta en este lugar 
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sentencia2(); 

// Fin del programa Principal 


function mediageo() 

{ 

sentencia3; 


Metodo o Subprograma = funcion sin retorno de 
parametros 


</SCRIPT> 

</HTML> 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LAN GUAGE='' JavaScript"> 
// PROG040.HTM 


while (opc != "T") 


opc=prompt("Escribe la letra de la opcion deseada: (S) Sumar - (R) Raiz Cuadrada - (L) 
Logaritmo Neperiano - (A) Ayuda - (T) Terminar",""); 
if (opc=="S") suma(); 
if (opc=="R") raiz(); 
if (opc=="L") logaritmoO; 
if (opc=="A") ayuda(); 

} 


function suma() 

{ 

var a,b; 

a=prompt("Escribe el primer sumando",""); 
a=parseFloat(a); 

b=prompt("Escribe el segundo sumando",""); 
b=parseFloat(b); 

alert("La suma de "+ a +" y "+ b +" es "+(a+b)); 

} 


function raiz() 

{ 

a=prompt("Escribe el radicando 
a=parseFloat(a); 

alert("La raiz cuadrada de "+ a +" es "+Math.sqrt(a)); 

} 


function logaritmoO 

{ 

var x; 

x=prompt("Escribe un numero positivo",""); 
x=parseFloat(x); 

alert("El logaritmo neperiano de "+ x +" es "+Math.log(x)); 

} 
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function ayuda() 

{ 

alert("Es bastante tonto que me pidas ayuda\npero aqui la tienes:\n\tPulsa S si quieres 
sumar\n\tPulsa R para la raiz cuadrada\n\tPulsa L para el logaritmo neperiano\n\tPulsa A para 
acceder a la ayuda\n\tPulsa T para acabar"); 

} 


</SCRIPT> 

</HTML> 


Graba el programa con el nombre Prog040.htm en TuCarpeta y ejecutalo unas cuantas veces. 


2.- Funciones que retornan parametros 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

//PROG041.HTM 
/* Programa Principal */ 
var x,y,result; 

x=prompt("Escribe el primer sumando",""); 
x=parseFloat(x); 

y=prompt("Escribe el segundo sumando",""); 
y=parseFloat(y); 

/* A continuacion llamo a la funcion para calcular 
el cuadrado de la suma de x e y */ 
result=SumaCuadrado(x,y); 

alert("El cuadrado de la suma de "+ x +" y "+ y +" es "+result); 
// Fin del programa principal 

/* A continuacion tengo la definicion de la funcion */ 
function SumaCuadrado(a,b) 

{ 

return (a*a+b*b+2*a*b); 

} 


</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog041.htm y ejecutalo varias veces. 

Estudio del Prog041.htm 

function SumaCuadrado(a,b) 

{ 

return (a*a+b*b+2*a*b); 

} 

Es una funcion con dos argumentos (a y b) que retorna un valor (parametro), que en nuestro caso es el 
cuadrado de la suma de “a” y “b”. 

Una funcion que retorna parametros, se caracteriza en que en su interior aparece la sentencia return, que 
permite devolver valores. 
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Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 
// PROG042.HTM 


var salida=""; 

salida=salida+"Enero tiene "+ diasmes(l) +" dias\n"; 
salida=salida+"Febrero tiene "+ diasmes(2) +" dias\n"; 
salida=salida+"Marzo tiene "+ diasmes(3) +" dias\n"; 
salida=salida+"Abril tiene "+ diasmes(4) +" dias\n"; 
salida=salida+"Mayo tiene "+ diasmes(5) +" dias\n"; 
salida=salida+"Junio tiene "+ diasmes(6) +" dias\n"; 
salida=salida+"Julio tiene "+ diasmes(7) +" dias\n"; 
salida=salida+"Agosto tiene "+diasmes(8) +" dias\n"; 
salida=salida+"Septiembre tiene "+ diasmes(9) +" dias\n"; 
salida=salida+"Octubre tiene "+ diasmes(lO) +" dias\n"; 
salida=salida+"Noviembre tiene "+ diasmes(ll) +" dias\n"; 
salida=salida+"Diciembre tiene "+ diasmes(12) +" dias\n"; 
alert(salida); 

/* Funcion "diasmes" */ 
function diasmes(mes) 


switch(mes) 


break; 


case 3: 
case 5: 
case 7: 
case 8: 
case 10: 
case 12: 

dias=31; 

break; 

case 4: 
case 6: 
case 9: 
case 11: 

dias=30; 

break; 


return dias; 

} 


</SCRIPT> 

</HTML> 


Graba el programa con el nombre Prog042.htm en TuCarpeta y ejecutalo. 
Observa: 
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• El programa principal, con la sentencia “diames(l)” llama a la funcion “diames” y esta 
devuelve el numero 31. 

• Observa la estructura “switch”: si el “case” 1,3, 5, 7, 8, 10 no contienen nada, se ejecuta el 
siguiente “case” que si contiene algo: en nuestro caso el “case 12”, que da a la variable 
“dias” el valor 31. 


Programa que determina si un numero es primo 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE=''JavaScript"> 

// PROG043.HTM 
var num,resto; 

num=prompt("Escribe un numero entero",""); 
num=parselnt(num, 10); 
for (i=2;i<num-l;i++) 

{ 

resto=num % i; 
if ((resto==0) && (num != 2)) 

{ 

alert(num+" no es primo"); 
break; 


alert("Si no ha aparecido un mensaje de que no es primo, entonces el numero "+num+" 
es primo"); 

</SCRIPT> 

</HTML> 

Graba el programa con el nombre Prog043.htm en TuCarpeta y ejecutalo varias veces. 

El operador %: 

num %i, nos da el resto de la division entre num y i. 


Programa que determina si un numero es primo, pero utilizando una funcion 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 
// PROG044.HTM 


num=prompt("Escribe un numero entero",""); 
num=parselnt(num, 10); 
if (primo(num)=="S") 

{ 

alert(num+" es primo"); 

} 
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else 

{ 

alert(num+"no es primo"); 

} 

function primo(x) 

{ 

var resto; 

for (i=2;i<x-l;i++) 

{ 

resto=x % i; 

if ((resto==0) && (x != 2)) 

{ 

return "N"; 

} 

} 

return "S"; 

} 

</SCRIPT> 

</HTML> 


Graba el programa con el nombre Prog044.htm en TuCarpeta y ejecutalo. 
Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG045.HTM 


var num,base; 

num=prompt("Escribe un numero positivo",""); 
num=parseFloat(num); 

base=prompt("Escribe la base del logaritmo",""); 
base=parseFloat(base); 

alert("El logaritmo de "+num+" en base "+base+" es ”+logBase(num,base)); 

/* Funcion que calcula el logaritmo en cualquier base */ 
function logBase(x,a) 

{ 

return Math.log(x)/Math.log(a); 

} 


</SCRIPT> 

</HTML> 


Graba el programa en TuCarpeta con el nombre Prog045.htm y ejecutalo varias veces. 
Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 

// PROG046.HTM 
var num,numDecimales; 

num=prompt("Escribe un numero decimal",""); 
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num=parseFloat(num); 

numDecimales=prompt("Escribe el numero de decimales",""); 

numDecimales=parseInt(numDecimales,10); 

alert("El numero "+num+" con "+numDecimales+" decimales = 

"+Aproxi(num,numDecimales)); 

function Aproxi(n,d) 

{ 

cifra=l; 

for(i=l;i<=d;i++) 


/* recuerda que "cifra *= 10" es equivalente a "cifra=cifra*10" */ 

} 

return Math.round(n*cifra)/cifra; 

} 


</SCRIPT> 

</HTML> 


Graba el programa en TuCarpeta con el nombre Prog046.htm y ejecutalo varias veces. 
Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

//PROG047.HTM 


var num; 

num=prompt("Escribe un numero: 
num=parseFloat(num); 

alert("El signo de "+num+" es "+Signo(num)); 

function Signo(x) 

{ 

if(x != 0) 

{ 

return x/Math.abs(x); 


else 


return 0; 

} 


</SCRIPT> 

</HTML> 


Graba el programa en TuCarpeta con el nombre Prog047.htm y ejecutalo. 


Calculo del maximo comun divisor (MCD) por el metodo de Euclides 

Escribe el siguiente programa: 

<HTML> 
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<SCRIPT LANGUAGE= "JavaScript ”> 
// PROG048.HTM 
var x,y,aux,resto; 

x=prompt("Escribe un numero",""); 
x=parselnt(x,10); 

y=prompt("Escribe el otro numero",""); 
y=parselnt(y,10); 

if (x<y) 

{ 

aux=x; 

x=y; 

y=aux; 

} 


if ((x % y)==0) resto=y; 

while ((x % y) != 0) 

{ 

resto=x%y; 

x=y; 

y=resto; 

} 


alert("El MCD es ”+resto); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog048.htm y ejecutalo varias veces.: 
MCD (5, 25) = 5 
MCD (7, 3) = 1 
MCD (720, 300) =60 

Se trata de hacer el mismo programa, pero utilizando una funcion. Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG049.HTM 

var x,y; 

x=prompt("Escribe un numero",""); 
x=parselnt(x,10); 

y=prompt("Escribe otro numero",""); 

y=parselnt(y,10); 

alert("El MCD es: ”+MCD(x,y)); 

function MCD(a,b) 

{ 

var resto,aux; 
if(a<b) 

{ 



b=aux; 

} 
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if ((a%b)==0) resto=b; 
while((a%b) !=0) 

{ 


a=b; 

b=resto; 

} 

return resto; 

} 


</SCRIPT> 

</HTML> 

Graba el fichero en TuCarpeta con el nombre Prog049.htm y ejecutalo para comprobar que 
funciona. 


Programa que calcula los 10 primeros multiplos del numero que queramos, utilizando una funcion 
que retorna parametro. 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE=''JavaScript"> 

// PROG049a.HTM 
function multlO(x) 

{ 

var salida="Multiplos de "+x+"\n"; 

var mult=0; 

for(i=l;i<=10;i++) 

{ 

mult=mult+x; 
salida=salida+mult+" - 
} 

return salida; 

} 

a=parseInt(prompt("Escribe un numero entero","")); 
alert(multlO(a)); 

</SCRIPT> 

</HTML> 


Graba el programa con el nombre Prog049a.htm y ejecutalo. 

Observa: 

En primer lugar se encuentra la funcion y a continuacion el programa, que en nuestro caso consta de 
2 unicas instrucciones. En la practica veremos que la o las funciones siempre estaran en el <HEAD> 
</HEAD> de la pagina HTML. 


Programa que construye una tabla de valores de y=mx+n utilizando una funcion 

Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 
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II PROG049b.HTM 
function recta(a,b) 

{ 

salida="Tabla de valores de y = "+a+"x + "+b+"\n"; 
for(i=-5;i<=5;i++) 

{ 

y=a*i+b; 

salida=salida+"X = "+i+"\t"+"Y = "+y+"\n"; 

} 

return salida; 

} 

m=parseFloat(prompt("Tabla de valores de y = mx + n\nEscribe el valor de m","")); 
n=parseFloat(prompt("Tabla de valores de y = mx + n\nEscribe el valor de n","")); 
alert(recta(m,n)); 

</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog049b.htm y ejecutalo varias veces. 


Programa que calcula la hipotenusa de un triangulo utilizando una funcion 

Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 

// PROG049c.HTM 
function hipot(cl,c2) 

{ 

return Math.sqrt(cl*cl+c2*c2); 

} 


var x,y; 

x=parseFloat(prompt("Escribe el valor de un cateto","")); 
y=parseFloat(prompt("Escribe el valor del otro cateto","")); 
alert("La hipotenusa del triangulo de catetos "+x+" , "+y+" es = ”+hipot(x,y)); 
</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog049c.htm y ejecutalo varias veces para asegurarte que funciona. 


Programa que resuelve una ecuacion de segundo grado utilizando tres funciones 

Escribe: 

<HTML> 

<SCRIPT LANGUAGE=''JavaScript"> 

// PROG049d.HTM 
function imagi() 

{ 

return "Soluciones Imaginarias"; 

} 

function doble(a,b) 

{ 
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return -b/(2*a); 

} 

function dos(a,b,disc) 

{ 

var xl,x2; 

xl=(-b+Math.sqrt(disc))/(2*a); 
x2=(-b-Math.sqrt(disc))/(2*a); 
return "xl = "+xl+" , "+"x2 = "+x2; 

} 

var x,y,z,d; 
var salida=""; 

x=parseFloat(prompt("Ecuacion ax 2 +bx+c=0\nEscribe el valor de 'a'","")); 
y=parseFloat(prompt("Ecuacion ax 2 +bx+c=0\nEscribe el valor de 'b'","")); 
z=parseFloat(prompt("Ecuaci6n ax 2 +bx+c=0\nEscribe el valor de 'c'","")); 
d=y*y-4*x*z; 
if(d<0) 

{ 

alert(imagi()); 

} 

if(d==0) 

{ 

alert("Una solucion, que es "+doble(x,y)); 


if(d>0) 


alert("Dos soluciones:\n"+dos(x,y,d)); 

} 


</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog049d.htm y ejecutalo varias veces (como mlnirno una para cada uno de 
los tres casos). 


Programa que calcula potencias y raices utilizando dos funciones 
Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 

// PROG049e.HTM 
function pot() 

{ 

var b,e; 
var resul; 

b=parseFloat(prompt("Escribe la base de la potencia","")); 
e=parseFloat(prompt("Escribe el exponente","")); 
resul=b+" elevado a "+e+" es ”+Math.pow(b,e); 
alert(resul); 

} 

function raiz() 

{ 

var b,e; 
var resul; 

b=parseFloat(prompt("Escribe el radicando de la ralz","")); 
e=parseFloat(prompt("Escribe el Indice de la ralz","")); 
resul="La ralz "+e+"-esima de "+b+" es ”+Math.pow(b,l/e); 
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alert(resul); 

} 

var opc="s" 
while(opc != "S") 

{ 

opc=prompt("Escribe la opcion que desees:\n(P)Calcular una potencia (R)Calcular una 

raiz (S)Salir del programa","S"); 

switch(opc) 

{ 

case "P": 
case "p": 

pot(); 
break; 
case "R": 
case "r": 

raiz(); 

break; 

} 

} 

</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog049e.htm y ejecutalo varias veces. 


Programa que nos da la “nota” cualitativa a partir de la cuantitativa utilizando una funcion 

Escribe (aprovecha lo que ya has hecho en el Prog031a.htm): 

<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 

// PROG049f.HTM 
function cuali(notanum) 

{ 

switch(notanum) 

{ 

case 0: 
case 1: 

return "Muy Deficiente"; 
break; 

case 2: 
case 3: 

return "Deficiente"; 
break; 

case 4: 

return "Insuficiente"; 
break; 

case 5: 

return "Suficiente"; 
break; 

case 6: 

return "Bien"; 
break; 

case 7: 
case 8: 
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return "Notable"; 
break; 

case 9: 

return "Excelente"; 
break; 

case 10: 

return "Matricula de Honor"; 
break; 



var num,bien,nota,notacual; 

num=parseInt(prompt("Escribe el numero total de preguntas","")); 
bien=parseInt(prompt("Escribe el numero de resouestas acertadas","")); 
nota=parseInt( 10*bien/num); 
alert("La nota cualitativa es ”+cuali(nota)); 

</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog049f.htm y pruebalo varias veces para comprobar que funciona. 


3.- Matrices y Arrays 

Una matriz es un conjunto de elementos colocados de forma adyacente en la memoria de manera que nos 
podemos referir a ellos con un solo nombre comun. 

Las matrices se pueden clasificar segun su tamano en: 

• Matrices Estaticas: tienen un tamano fijo e inmutable. 

• Matrices Dinamicas: tienen un tamano variable. En JavaSript las matrices siempre son 
dinamicas. 

Las matrices se pueden clasificar segun sus dimensiones: 

• Arrays: son matrices de una dimension. 

• Matrices: son matrices multidimensionales. 

En JavaScript, las matrices son siempre “Arrays”, pero veremos que podemos “simular” matrices 
multidimensionales. 


Escribe el siguiente programa: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG050.HTM 

var x=new ArrayO; 
var salida=""; 

for(i=0;i<=10;i++) 

{ 

x[i]=2*i; 

salida=salida+"x["+i+"]="+x[i]+"\t"; 

} 
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alert(salida); 

</SCRIPT> 

</HTML> 

Graba el programa con el nombre Prog050.htm en TuCarpeta y ejecutalo. 

Estudio del Prog050.htm 

• var x=new ArrayO; 

Definimos la variable “x” como un “array” de un numero indeterminado de elementos. 

• Los elementos de un “array” se indican: NombreArray[indice]= valor 
El mdice= 0, 1, 2, 3, 4, ... 

En nuestro caso: 

X[0] sera el primer valor del array 
X[l] sera el segundo. 

Etc. 

• x[i] = 2*i 

Asignamos a cada elemento del array el doble de su indice, es decir: x[0]= 0; x[l]= 2; x[2]= 4; 
etc. 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE=''JavaScript"> 

//PROG051.HTM 
var n; 

var salida=""; 

n=prompt("Escribe el numero de elementos del Array",""); 

n=parselnt(n); 

var Vector=new Array(n); 

for(i=0;i<n;i++) 

{ 

Vector[i]=prompt("Introduce Valor",""); 
salida=salida+V ector [i]+"\n"; 

} 

alert("Los valores de la matriz son:\n"+salida); 

</SCRIPT> 

</HTML> 

Graba el programa con el nombre Prog051.htm en TuCarpeta. 

Observa de que forma, podemos definir un array con un numero variable de valores. 


Programa que calcula la media aritmetica de una serie indeterminada de valores 

Escribe: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

//PROG051a.HTM 

var x=new Array)); 
var med; 
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var y=0; 
var i=0; 
var sum=0; 
while(y != 9999) 

{ 

y=parseFloat(prompt("Introduce un valor\npara acabar escribe 9999","9999")); 

x[i]=y; 

i++; 


x[i]=0; 

for(j=0;j<i-l;j++) 

{ 

sum=sum+x[j]; 

} 

med=siim/j; 

alert("La media es ”+med); 

</SCRIPT> 

</HTML> 

Grabalo con el nombre Prog051a.htm y ejecutalo varias veces para comprobar que funciona. 


Programa que calcula la media aritmetica de un numero determinado de valores utilizando una 
funcion 

Escribe: 


<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

//PROG051b.HTM 
function media(n) 

{ 

var x=new Array(n); 
var sum=0; 
for(i=0;i<n;i++) 

{ 

num=parseFloat(prompt("Escribe un valor de la serie ("+(i+l)+"°):","")); 

x[i]=num; 

sum=sum+x[i]; 

} 

return sum/n; 

} 


var valores; 

valores=parseInt(prompt("Escribe el numero de elementos de la serie","")); 
alert("La media de todos los valores es: ”+media(valores)); 

</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog051b.htm y ejecutalo varias veces para comprobar que funciona. 

Mejora la “salida” del programa anterior de la siguiente forma: 

<HTML> 
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<SCRIPT LANGUAGE= "JavaScript ”> 

//PROG051c.HTM 
function media(n) 

{ 

var x=new Array(n); 

var salida=""; 
for(i=0;i<n;i++) 

{ 

num=parseFloat(prompt("Escribe un valor de la serie ("+(i+l)+" 0 ):","")); 
x[i]=num; 

salida=salida+x[i]+" - 
sum=sum+x[i]; 

} 

salida=salida+"\nLa Media Aritmetica de estos "+n+" numeros es ”+(sum/n); 
return salida; 

} 


var valores; 

valores=parseInt(prompt("Escribe el numero de elementos de la serie","")); 
alert(media(valores)); 

</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog051c.htm y pruebalo. 


Programa que calcula, dada una serie de 20 numeros, la media aritmetica, las desviaciones respecto 
a la media, la desviacion media, la varianza y la desviacion tipica. 

Recuerda: 

Dada la serie estadfstica: xl, x2, x3,..., xn 

Media aritmetica: x = (xl+x2+x3+.)/n 

Desviaciones respecto a la media: dl=lxl-xl, d2=lx2-xl,.... 

Desviacion media: es la media aritmetica de las desviaciones 
Varianza: es la media aritmetica de las desviaciones al cuadrado. 

Desviacion tipica: es la rafz cuadrada de la varianza. 

Escribe: 

<HTML> 

<SCRIPT LANGUAGES'JavaScript"> 

//PROG051d.HTM 

var x=new Array (20); 

var med; 

var des=new Array (20); 

var suml=0; 

var sum2=0; 

var desmed,vari,dt; 

var salida= "VALORES :\n"; 

var salidal="DESVIACIONES RESPECTO A LA MEDIAAn"; 

for(i=0;i<20;i++) 

{ 
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num=parseFloat(prompt("Escribe un valor de la serie ("+(i+l)+"°):","")); 
x[i]=num; 

salida=salida+x[i]+" - 
sum=sum+x[i]; 

} 

med=suin/20; 

for(i=0;i<20;i++) 

{ 

des[i]=Math.abs(x[i]-med); 
salidal=salidal+des[i]+" - 
suml=suml+des[i]; 
sum2=sum2+(des[i]*des[i]); 

} 


desmed=suml/20; 
vari=sum2/20; 
dt=Math.sqrt( vari); 

alert(salida+"\n"+"MEDIA ARITMETICA = 

"+med+"\n"+salidal+"\n"+"pESVLACION MEDIA ="+desmed+"\nVARIANZA 
="+vari+" AnDESVIACION TIPICA = ”+dt); 

</SCRIPT> 

</HTML> 


Grabalo con el nombre Prog051d.htm y ejecutalo varias veces para comprobar que funciona. 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// PROG052.HTM 

alert(GeneraLetras()); 

function GeneraLetras() 

{ 

var n; 

n=parseInt(prompt("Cuantas letras quieres (1 a 26)","")); 

if (isNaN(n)==true) return; 

if (n<l) n=l; 

if (n>28) n=26; 

var Letras=new Array(n); 

for (i=0;i<=Letras.length-l;i++) 

{ 

Letras[i]=String.fromCharCode(65+i); 

} 

return Letras; 

} 


</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog052.htm y ejecutalo varias veces. 
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Estudio del Prog052.htm 

• length, es una propiedad de las matrices que nos indica el tamano de estas. 

En nuestro caso: Letras.length = numero de elementos del array “Letras”. 

• Si en una funcion escribimos la sentencia return, sin ningun parametro, simplemente 
“salimos” de la funcion y se acaba el programa. 

• String.fromCharCode 

Lo estudiaremos proximamente, en detalle. Baste decir de momento que escribe un determinado 
caracter. 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG053.HTM 
var salida=""; 

var Datos=new Array("Pepito","Paquito","Felipe"); 
var Edad=new Array(57,15,26); 

alert("La matriz Datos tiene "+Datos.length+" elementos"); 
alert("La matriz Edad tiene "+Edad.length+" elementos"); 
for (i=0;i<=2;i++) 

{ 

salida=salida+Datos[i]+" - "+Edad[i]+"\n"; 

} 

alert(salida); 

</SCRIPT> 

</HTML> 

Graba el programa con el nombre Prog053.htm en TuCarpeta y ejecutalo. 

Observa que podemos inicializar un array igual que hacfamos con cualquier variable. 


Matrices con varias dimensiones 

JavaScript no soporta directamente matrices con varias dimensiones. 

En “Java” o en “C++” definimos matriz[5][5] como una matriz de dos dimensiones: 5x5 = 25 elementos 
en total. 

En JavaScript podemos “simular” esta matriz de la siguiente forma: 

var Matriz2D=new Array(5); 
for(i=0;i<=4;i++) 

{ 

Matriz2D[i]=new Array(5); 

} 


Con este codigo lo que conseguimos es crear una matriz con 5 elementos cada uno de los cuales es, a su 
vez, una matriz. El resultado es el deseado: una matriz con dos dimensiones. 

Una vez definida una matriz multidimensional, podemos acceder a sus elementos de la siguiente forma: 

Matriz2D[0][0] = primer elemento de la matriz. 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGES' J avaScript"> 
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II PROG054.HTM 


var Matriz2D= new Array(5); 
for (i=0;i<5;i++) 

{ 

var Aux=new Array (5); 
for (j=0;j<5;j++) 

{ 

Aux[j]="E"+i+j; 

} 

Aux[4] += "\n"; 
Matriz2D[i]=Aux; 

} 

alert(Matriz2D); 

</SCRIPT> 

</HTML> 


Graba el programa en TuCarpeta con el nombre Prog054.htm y ejecutalo. 


4.- Codigo ASCII/Unicode 

De lo unico que entiende un ordenador es de 0 y 1. Cuando se asigna una cadena de texto a una variable, 
esta internamente, se guarda como una serie de numeros que identifican a los diferentes caracteres 
constituyentes de la misma. Esta codificacion se llama ASCII. 

El codigo ASCII asigna a cada caracter un numero de 0 a 255, es decir 256 caracteres en total. 

1 caracter = 8 bits = 1 byte = 8 ceros y unos. 

0 y 1 en grupos de ocho: 2 8 = 256 

El codigo ASCII se ha quedado pequeno: 256 caracteres es insuficiente para representar los sfmbolos 
propios de muchos pafses. 

La ISO (organization internacional para la normalization), propuso el codigo UNICODE: 

1 caracter = 2 bytes =16 ceros y unos 
0 y 1 en grupos de 16: 2 16 = 65.536 caracteres distintos. 

La mayor parte de los sistemas operativos modernos (por ejemplo el Windows), guardan internamente la 
representation de sus caracteres como valores Unicode no Ascii 


Funcion fromCharCode: accedemos a los caracteres Unicode 

var x = String.fromCharCode(75, 81,52); 
alert x; 

Aparecen los caracteres correspondientes a la codificacion “Unicode” de los numeros 75, 81 y 52. 

Funcion charCodeAt, es la funcion inversa de la anterior, es decir a partir de una cadena devuelve el 
codigo correspondiente a la letra que se encuentre en la position especificada: 

var x = “JavaScript” 
alert(x.char CodeAt(5)); 

Devolvera un 99, que corresponde a la “c”. 

Las cadenas igual que las matrices comienzan a numerarse en el cero. 
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Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript ”> 

// PROG055.HTM 

var x="PACO-paco"; 
var letras=new Array(9); 
var salida=""; 
salida=salida+x+ "\n"; 
for (i=0; i<9; i++) 

{ 

salida=salida+x.char CodeAt(i)+"\t''; 
letras [i]=x.charCode At(i); 

} 

alert(salida); 

alert(letras); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog055.htm y ejecutalo. 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG056.HTM 
var x; 

x=prompt("Escribe una palabra o frase",""); 
var letras=new ArrayO; 
var numeros=new ArrayO; 
for(i=0;i<xJength;i++) 

{ 

numeros[i]=x.charCodeAt(i); 
letras[i]=String.fromCharCode(numeros[i]); 

} 

alert(letras+"\n"+numeros); 

</SCRIPT> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog056.htm y ejecutalo. 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 


// PROG057.HTM 
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var salida=""; 

var letras=new ArrayO; 

var numeros=new ArrayO; 

x=prompt("Escribe una palabra o frase",""); 

for(i=0;i<=x.length;i++) 

{ 

numeros[i]=x.charCodeAt(i); 
letras[i]=String.fromCharCode(numeros[i]); 
salida=salida+letras[i]+" = "+numeros[i]+"\n"; 
} 

alert(salida); 

alert(SumaASCII(x)); 

function SumaASCII(frase) 

{ 

var aux=0; 

for(i=0;i<frase.length;i++) 

{ 

aux += frase.charCodeAt(i); 

} 

return aux; 

} 


</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog057.htm y ejecutalo. 

Investiga si es verdad lo que dicen las “malas lenguas”: “En el nombre del fundador y presidente de 
Microsoft hay el numero de la bestia”. 


5.- Busqueda de un caracter determinado. 

El metodo charAt de String devuelve una cadena conteniendo el caracter situado en la position 
especificada: 

“cadena”.charAt(4) = letra situada en el lugar 5 

Ejemplo: funcion que determina la existencia del caracter @: 

Function Busca(texto) 

{ 

for(i=0;i<texto.length;i++) 

{ 

if(texto.charAt(i)==”@”) return true; 

} 

return false 

} 


Si utilizamos la funcion anterior para determinar una direccion e-mail, no serfa correcto ya que el sftnbolo 
@ al principio o final de la cadena, no corresponderfa a una direccion de correo electronico; para este 
caso deberfamos modificar la funcion: 

Function BuscaEmail(texto) 

{ 

for(i=0;i<texto.length;i++) 

{ 

if(texto.charAt(i)==”@” && i ;= (texto.length-1) && (i ;= 0)) 

return true; 
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} 

return false 

} 

alert(BuscaEmail(“pepe@eso.es”)); 


Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 

// PROG058.HTM 

/* Programa que determina el numero de "a" o "A" que 
aparece en un texto */ 

var texto; 

texto=prompt("Escribe el texto que quieras:",""); 
alert("Numero de a y de A = "+BuscaLetra(texto)); 

function BuscaLetra(x) 

{ 

var numero=0; 
for(i=0;i<x.length;i++) 

{ 

if(x.charAt(i)=="a" II x.charAt(i)=="A") numero++; 

} 

return numero; 

} 


</SCRIPT> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog058.htm y ejecutalo varias veces. 


6.- Temporizadores 

Los temporizadores son objetos sin representation fisica que se encargan de ejecutar una tarea al cabo de 
cierto tiempo que se le debe indicar. 

NombreTemp= setTimeout(“nombrefunci6n()”, tiempo); 

Para detener el temporizador: clearTimeout(NombreTemp); 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG059.HTM 
/* Texto animado */ 

var velocidad=200; 
var letras; 

function animar() 
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{ 

letras=new ArrayO; 

var texto="Uso de cadenas con JavaScript para efectos dinamicos"; 
for(i=0;i<textoJength;i++) 

{ 

letras[i]=texto.charAt(i); 

} 

mueveLetras(); 

} 


var TextoAct=""; 
var n=-l; 

function mueveLetras() 

{ 

n++; 

TextoAct += letras[n]; 

document.forms[0].TextoDinamico.vaiue=TextoAct; 

if(n==letras.length-l) 

{ 

n=-l; 

TextoAct=""; 

} 

setTimeout('' mueveLetras()'', velocidad); 

} 


</SCRIPT> 

<BODY onload=animar();> 

<FORM> 

<INPUT TYPE= "text" NAME="TextoDinamico" VALUE="" SIZE="120"> 

</FORM> 

</BODY> 

</HTML> 

Graba el programa en TuCarpeta con el nombre Prog059.htm y ejecutalo. 

Estudio del Prog059.htm 

• La frase “Uso de cadenas con JavaScript para efectos dinamicos”, se colocara una letra cada 
0,2 segundos. 

• La lfnea <BODY onLoad= animar();>, llamara a la rutina “animar()”, cuando la pagina 
termine de cargarse. 

• <FORM> 

<INPUT TYPE=”text” NAME=”TextoDinamico” VALUE= SIZE=”120”> 
</FORM> 

Definimos un formulario (FORM), que contiene un cuadro de texto (INPUT TYPE=”text”) 
de nombre TextoDinamico que no contiene nada (VALUE=””) y tamano (SIZE=”120”) 

En el proximo capftulo lo estudiaremos con detalle. 

• document.forms[0].TextoDinamico.value= variable; 

En el cuadro de texto de nombre “TextoDinamico”, se coloca el valor de la variable. 

En el proximo capftulo lo estudiaremos con detalle. 
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Autoevaluacion III 


1) Haz un programa de nombre Eval3A.htm, que calcule el mmimo comun multiplo de dos numeros 
utilizando la funcion MCD del Prog049.htm y sabiendo que mcm(x,y) = x*y/MCD(x,y) 


Haz un programa de nombre Eval3B.htm, que sirva para simplificar una fraction numerica, debes 
utilizar la funcion MCD del ejercicio anterior. 

Observa: a a/MCD(a,b) 


b b/MCD(a,b) 

Comprueba el funcionamiento del programa para el 



3) Haz un programa de nombre Eval3C.htm, que sirva para sumar o restar dos fracciones y despues 
simplifique el resultado. 

Observa: 

a c _ a(mcm(b,d) / b) + c(mcm(b,d) / d) 
b d mcnib,d) 

Compruebalo para el caso: 



4) Haz un programa de nombre Eval3D.htm, que sirva para calcular el modulo de un vector en el 
espacio, utilizando una funcion. 


5) Haz un programa de nombre Eval3E.htm, que sirva para calcular el area de un triangulo en el 
espacio, utilizando la funcion del ejercicio anterior. 

Recuerda: 

A=(al,a2,a3), B=(bl,b2,b3), C=(cl,c2,c3) 

AB=(b 1 -al,b2-a2,b3-a3), AC=(c 1-al,c2-a2,c3-a3) 

Area del triangulo ABC: mitad del producto vectorial de AB y AC (consulta el Eval2P.htm) 
Compruebalo para el siguiente caso: 
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6) Haz un programa de nombre Eval3F.htm, que funcione de la siguiente forma: 
El programa nos pide 5 valores. 

El programa calcula la media aritmetica (funcion con retorno de parametro). 

El programa calcula las desviaciones respecto a la media 
El programa calcula la desviacion media (llamada a la misma funcion de antes). 
El programa calcula la desviacion tfpica (llamada a la misma funcion de antes). 
Debes hacer el programa sin utilizar ningun array. Repasa el Prog051d.htm 
Compruebalo para el caso: 


Microsoft internet Explorer 


Valores=1 ,2,5,4,6 
Media aritmetica= 3.6 

Desviaciones= 2.6,1.6,1.4,0.3999999999999999,2.4 
Desviacion Media= 1.6800000000000001 
Varianza= 3.44 

Desviacion Tipica= 1.8547236990991407 


I' 0K I 


7) Haz un programa de nombre Eval3G.htm, que transforma un numero en base 10 a base 4 y 5. 
Repasa el primer capftulo. 

Compruebalo para el caso: 



8) Haz un programa de nombre Eval3H.htm, que construya el triangulo de Tartaglia o Pascal de la 
siguiente forma: 

1°) Crea una funcion que calcule el factorial de un numero (consulta el Prog021.htm) 

2°) Crea otra funcion que permita calcular un numero combinatorio 
Recuerda: 

( m \_ m\ 

J n\(m — ri)\ 

Utiliza el Prog021.htm del segundo capftulo. 

3°) El triangulo de Tartaglia no es mas que los resultados de los numeros combinatorios: 
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4°) El programa nos ha de preguntar de entrada el numero de filas del triangulo. 


9) Haz un programa de nombre Eval3I.htm, tal que: 

El programa nos pregunta cuantas multiplicaciones queremos hacer. 

El programa nos las pregunta aleatoriamente. 

A1 final el programa nos da la nota cuahtativa (funcion del Prog049f.htm). 
Repasa el segundo capftulo. 


10) Haz un programa de nombre Eval3J.htm que lea un sistema de tres ecuaciones con tres incognitas y 
nos escriba la matriz ampliada. Suponiendo que todos los coeficientes son positivos y constan de un 
unico dfgito. Deberas utilizar la funcion texto.charAt(num) 


11) Haz un programa de nombre Eval3K.htm, que calcule un determinante de tercer orden. 
Recuerda: 
a b c 

d e f = aei + dch + bfg - gee - hfa - dbi 
g h 

Compruebalo para el caso: 



12) Haz un programa de nombre Eval3L.htm, que sirva para discutir un sistema de tres ecuaciones con 
tres incognitas, solo en los casos compatible determinado e incompatible y lo resuelve en el caso 
compatible determinado. 

De la siguiente forma: 

1°) Crea una funcion que sirva para calcular un determinante de tercer orden (ejercicio anterior). 


2°) Dado el sistema: ax+by+cz=j 
dx+ey+fz=k 
gx+hy+iz=l 
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Calcula los determinantes: 

a b c 


j b c 


a j c 


a b j 

det= 

d e f 

detx= 

kef 

dety= 

d k f 

detz= 

d e k 


g h i 


1 h i 


g 1 i 


g h 1 


3°) Si det no es 0 entonces el sistema es compatible determinado 

Si det es 0 y (detx no es cero o dety no es 0 o detz no es 0) entonces el sistema es incompatible. 

4°) Si el sistema es compatible determinado, la solucion por Cramer es x=detx/det, y=dety/det, 
z=detz/det 

Pruebalo para los casos: 



El ultimo caso corresponde a un sistema 
compatible indeterminado. 




13) Haz un programa de nombre Eval3M.htm, que simule una tirada aleatoria de cinco dados de parchfs. 


14) Haz un programa de nombre Eval3N.htm, que resuelva un sistema de dos ecuaciones con dos 
incognitas por el metodo de Cramer. 

Crea una funcion que calcule un determinante de 2° orden 

Compruebalo para el caso: 3x-y=l I 

x+y=3 solucion: x=l, y=2 


15) Haz un programa de nombre Eval30.htm, que escriba un numero en base 2 o 3 en base 10. 
Repasa el primer capltulo 


16) Haz un programa de nombre Eval3P.htm, que calcule los 50 primeros terminos de la sucesion de 
termino general: (3n + 1) / ( 2n - 1) 
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17) Haz un programa de nombre Eval3Q.htm, que calcule la rafz cuarta de un numero, utilizando una 
funcion. 


18) Haz un programa de nombre Eval3R.htm, que cuente el numero de vocales que contiene un texto 
cualquiera. 

19) Haz un programa de nombre Eval3S.htm, que haga lo mismo que el anterior, pero al final el 
programa nos da el numero de “a”, numero de “e”, numero de “i”, y lo mismo con las “o” y “u”. 
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IV.- Programacion Visual 


En este capftulo se trata de continuar programando en JavaScript, pero utilizando las posibilidades 
graficas y visuales del navegador: botones, cuadros de texto, etc. 

Para ello necesitamos conocer un poco mas de los tags propios del HTML, 


Texto 


<!-- //--> 

Permite escribir comentarios en una pagina web (no en un programa JavaScript). 

<BR> 

Es equivalente a un [Return], No existe el correspondiente tag de cierre. 

<H1> </Hl> 

<H2> </H2> 

<H3> </H3> 

Nos sirven para escribir “titulos”. 

<P> </P> 

Parrafo normal (justification izquierda). 

<P ALIGN=”CENTER”> </P> 

Parrafo centrado. 


Colores 

<BODY BGCOLOR=”CodigoColor”> </BODY> 

La pagina quedara coloreada con el color de fondo correspondiente a CodigoColor 
La sintaxis de CodigoColor es #XXYYZZ 

XX es un numero en hexadecimal de 00 a FF correspondiente al rojo 
YY es un numero en hexadecimal de 00 a FF correspondiente al verde 
ZZ es un numero en hexadecimal de 00 a FF correspondiente al azul 

Ejemplos: 

#FF0000 rojo #0000FF azul 

#9900DD violeta #00FF00 verde 

#FF00FF magenta 


<FONT COLOR=”CodigoColor”> </FONT> 

La letra aparecera en el color correspondiente a CodigoColor. 


Otros 

<HR> 

Dibuja una linea horizontal. 

<B> </B> 

Letra en negrita. 
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Escribe el siguiente programa: 

<HTML> 

<HEADxTITLE>Esto esta en el navegador</TITLEx/HEAD> 
<!-- PROG061.HTM //--> 

<BODY BGCOLOR= "#000000 "> 

<FONT COLOR="#FFFFFF"> 

<Hl>Color de Fondo #000000=Negro</Hl> 

<BR> 

<P ALIGN="CENTER"> 

El color del texto #FFFFFF=Blanco</P> 

<BR> 

<HR> 

Esto esta entre dos rayas horizontales 
<HR> 

<P ALIGN="CENTER"> 

<B>Esto es Negrita</Bx/P> 

<BR> 

Esto es letra normal 
</FONT> 

</BODY> 

</HTML> 

Grabalo en TuCarpeta con el nombre Prog061.htm y ejecutalo. 


Escribe el siguiente programa: 

<HTML> 

<!-- PROG062.HTM //--> 

<BODY BGCOLOR="#FFOOOO"> 
<FONT COLOR="#OOOOFF"> 
<B> 

<BR> 

<HR> 

<P ALIGN="CENTER"> 

Pepito Valdemoro Ruiz 
<BR> 

Avda. Las Babosas 21-25, 2,4 
<BR> 

08915 - BADALONA 
</P> 

<HR> 

</B> 

</FONT> 

</BODY> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog062.htm y ejecutalo. 


Casi todos los programas que hemos hecho hasta ahora se han caracterizado en que su “salida” ha sido 
siempre utilizando la ventana “alert” de JavaScript. Vamos a ver en el siguiente programa que podemos 
“enviar la salida” a la misma pantalla del navegador. 
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Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE= "JavaScript ”> 
// PROG063.HTM 


var nom; 

nom=prompt("Escribe tu nombre",""); 

var salida=""; 

for(i=2;i<=14;i=i+2) 

{ 

salida=salida+"<BR>"+"i= "+i+" Hola "+nom; 

} 

document.write("<Hl><P align='CENTER’>Uso de DOCUMENT.WRITE</Hl>"); 

document.write("<BR><BR>"); 

document.write(salida); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog063.htm y ejecutalo. 

En un programa JavaScript, la sentencia document.write(“cadena”) escribe en la pantalla del 
navegador, el valor de “cadena”. 

Observa que en “cadena” no podemos incluir los codigos de escape “\n” y “\t”, pero si todos los tags 
HTML que queramos. De esta forma, en lugar de “\n”, deberemos escribir <BR>, que es la orden 
equivalente en HTML. 


Utilizando los tags propios del HTML, podemos mejorar la salida de cualquier programa JavaScript, en 
efecto: 

Escribe el siguiente programa: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG063.HTM 
var nom; 

nom=prompt("Escribe tu nombre",""); 

var salida=""; 

for(i=2;i<=14;i=i+2) 

{ 

salida=salida+"<BR>"+"i= "+i+" - Hola "+nom; 

} 

document.write("<BODY BGCOLOR='#OOFFOO'xFONT COLOR=’#FFOOOO >"); 
document.write("<HlxP align='CENTER'>Uso de DOCUMENT.WRITE</H1>"); 
document.write("<BRxBR>"); 
document.write("<B>"+salida+"</B>"); 

</SCRIPT> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog064.htm y ejecutalo. 
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Uso de los tags <FORM> </FORM> 

Los llamados tags “formulario”: <FORM> </FORM> nos permiten incluir en una pagina web, otros 
elementos visuales como “cuadros de texto” y “botones”, de gran importancia en la programacion en 
JavaScript. 

Cuadros de Texto: 

<FORM> 

<INPUT TYPE=”text” SIZE=”10” NAME=”pepe”> 

</FORM> 

Crea un cuadro de texto de nombre “pepe” y tamano 10 caracteres. 

<FORM> 

<INPUT TYPE=”text” onBlur-’programa JavaScript”> 

</FORM> 

Crea otro cuadro de texto tal que, al salir de el se ejecuta el programa JavaScript. 


Escribe el siguiente programa: 

<HTML> 

<!— PROG065.HTM //--> 

<BODY> 

<FORM> 

ESCRIBE LO QUE QUIERAS: 

<INPUT TYPE="text" SIZE="5ft" NAME="uno"> 
<BRxBR> 

PULSA TAB para pasar al siguiente cuadro de texto: 
<BRxBR> 

VUELVE A ESCRIBIR LO QUE TE VENGA EN GANA: 
<INPUT TYPE="text" onBlur="alert('vale');"> 

<BR> 

<INPUT TYPE= "text" VALUE="PUES ESO"> 
</FORM> 

</BODY> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog065.htm y ejecutalo varias veces, observando 

detenidamente lo que sucede. 

Estudio del Prog065.htm 

En principio el fichero anterior es una pagina web, que no tiene nada que ver con JavaScript (no 

aparecen los tags <SCRIPT Lan.. .> </SCRIPT>) 

Pero en el segundo cuadro de texto: 

<INPUT TYPE="text" onBlur="alert('vale');"> 

tenemos un pequeno programa JavaScript (una unica sentencia), que se ejecutara al abandonar el 
foco (onBlur) el cuadro de texto. 

• Si observamos los tres cuadros de texto, vemos que los parametros SIZE, NAME, VALUE, 
onBlur son opcionales. De hecho un cuadro de texto es el tag: <INPUT TYPE=”text”>. 

• El primer cuadro de texto tiene el tamano de 50 caracteres (SIZE=”50”). Si no especificamos el 
tamano (SIZE) en un cuadro de texto, por defecto es de 20 caracteres.. 

• El parametro NAME de un cuadro de texto, solo tiene sentido en el caso de un programa 
JavaScript, para poder referirnos a el (como veremos en los siguientes ejercicios). 

• El parametro VALUE nos permite referirnos al “valor” o contenido de un determinado cuadro de 
texto. 
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Creation de un programa JavaScript “visual” 

Vamos a hacer nuestro primer programa “visual”... 

El proceso a seguir es: 

1°) Incluir en la cabecera (HEAD) de la pagina HTML, el programa JavaScript en forma de funcion. 

Por ejemplo: Programa que calcula el area de un triangulo 

<HEAD> 

<SCRIPT LANGUAGE="JavaScript"> 
function a(x,y) 

{ 

return (parseFloat(x)*parseFloat(y)/2); 

} 

</SCRIPT> 

</HEAD> 

2°) “Programar” en la pagina web, los elementos visuales que necesitamos para nuestro programa: 

Un cuadro de texto, para “recoger” la base del triangulo: 

Base del triangulo: <INPUT TYPE="text" SIZE="5" NAME="bas"> 

Un cuadro de texto, para “recoger” la altura del triangulo: 

Altura del triangulo: <INPUT TYPE="text" SIZE="5" NAME="alt" > 

Un cuadro de texto, donde aparecera el resultado del programa, es decir el area del triangulo: 

Area del triangulo: <INPUT TYPE="text" SIZE="10" NAME="result"> 

3°) “Programar” el enlace entre JavaScript y HTML, es decir, la ejecucion del programa. 

De momento solo sabemos hacerlo utilizando el evento onBlur de un cuadro de texto. Es decir hemos de 
modificar el segundo cuadro de texto de forma que nos quede: 

Altura del triangulo: <INPUT TYPE="text" SIZE="5" NAME="alt" onBlur= 

"document.forms[0].result, value =a(document.forms[0].bas.value,this.value);"> 

Observa: 

Para referimos al contenido (valor) del cuadro de texto de nombre “bas”, utilizamos la sintaxis: 

document.forms[0].bas.value 

Para referirnos al contenido del cuadro activo, utilizamos la sintaxis: this.value 


Vamos a ver si funciona: 

Escribe el siguiente programa: 

<HTML> 

<!-- PROG066.HTM //--> 

<HEAD> 

<SCRIPT LANGUAGE="JavaScript"> 
function a(x,y) 

{ 

return (parseFloat(x)*parseFloat(y)/2); 

} 

</SCRIPT> 

</HEAD> 

<BODY> 

<FORM> 

<BR> 

Base: <INPUT TYPE="text" SIZE="5" NAME="bas"> 

<BR> 

Altura: <INPUT TYPE="text" SIZE="5" NAME="alt" 
onBlur="document.forms[0].result.value=a(document.forms[0].bas.value,this.value);"> 
<BR> 
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<BR> 

Area: <INPUT TYPE="text" SIZE="10" NAME="result"> 
</FORM> 

</BODY> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog066.htm y ejecutalo varias veces. 


4°) Para acabar, es conveniente mejorar el diseno visual del programa: tftulos, colores, etc. 

A partir del programa anterior consigue el siguiente fichero: 

<HTML> 

<!— PROG067.HTM //--> 

<HEAD> 

<SCRIPT LANGUAGE="JavaScript"> 
function a(x,y) 

{ 

return (parseFloat(x)*parseFloat(y)/2); 

} 

</SCRIPT> 

</HEAD> 

<BODY BGCOLOR="#OOOOFF"> 

<FONT COLOR="#FFOOOO"> 

<HlxP ALIGN="CENTER">Calculo del Area de un Triangulo</Hl> 

<HR> 

</FONT> 

<FONT COLOR="#FFFFFF"xP> 

Escribe el los siguientes cuadros la base y la altura del triangulo. 

Para pasar de un cuadro al siguiente pulsa la tecla de tabulacion 
[Tab]. Al situarte en el ultimo cuadro, automaticamente aparecera 
el valor del area. 

Para escribir un dato en decimates, debes utilizar el "punto decimal", 
no la coma. 

<BR> 

<HR> 

<FONT COLOR="YELLOW"> 

<FORM> 

<P ALIGN="CENTER"> 

Base del triangulo: <INPUT TYPE="text" SIZE="5" NAME="bas"> 

<BR> 

Altura del triangulo: <INPUT TYPE="text" SIZE="5" NAME="alt" 
onBlur="document.forms[0].result.value=a(document.forms[0].bas.value,this.value);”> 
<BR> 

<BRxHRxP ALIGN="CENTER"xB> 

Area del triangulo: <INPUT TYPE="text" SIZE="10" NAME="result"> 

<HR> 

</FORM> 

</FONTx/B> 

</BODY> 

</HTML> 


Grabalo con el nombre Prog067.htm y ejecutalo varias veces. 
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Observa que en lugar de utilizar un codigo de color, tambien podemos utilizar el nombre del color en 
ingles. 


Botones 

Otro elemento interesante en la programacion visual es el uso de botones: 

<FORM> 

<INPUT TYPE=”button” VALUE=”Pepito” onClick=”programaJS;”> 

</FORM> 

El tag <INPUT TYPE...> anterior crea un boton de comando, donde aparece escrito el texto “Pepito” y al 
hacer clic en dicho boton (onClick), se ejecuta el “programaJS”. 

Vamos a ver como funciona... 

Escribe el siguiente programa: 

<HTML> 

<!— PROG068.HTM //--> 

<HEAD> 

<SCRIPT LAN GUAGE='' JavaScript"> 
function Saludo() 

{ 

alert("Hola Mundo!"); 

} 

</SCRIPT> 

</HEAD> 

<BODY> 

<P ALIGN="CENTER ”> 

<FORM> 

<INPUT TYPE="button" YALUE="Hazme Clic" onClick="Saludo();"> 

</FORM> 

</P> 

</BODY> 

</HTML> 

Grabalo con el nombre Prog068.htm y ejecutalo. 


El “saludo” anterior podria ser mas sofisticado, en efecto: 
Escribe el siguiente programa: 

<HTML> 

<!— PROG069.HTM //--> 

<HEAD> 

<SCRIPT LANGUAGE="JavaScript"> 
function Saludo(nom) 

{ 

alertC'Hola "+nom); 

} 

</SCRIPT> 

</HEAD> 

<BODY> 

<P ALIGN="CENTER"> 

<FORM> 

Escribe tu nombre: 

<INPUT TYPE="text" NAME="x"> 

<BRxBR> 
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<INPUT TYPE="button" VALUE="Hazme Clic" onClick="Saludo 
(document.forms[0] .x. value); "> 

</FORM> 

</P> 

</BODY> 

</HTML> 


EJEMPLOS “visuales” 

Para acabar este tema se trata de repetir una serie de programas ya hechos en capitulos anteriores, pero 
utilizando las posibilidades “visuales” que acabamos de ver. 

Ejemplol: Tabla de valores de la funcion y=x 2 -5x+10 

El programa correspondiente era el Prog023.htm que ya tienes en TuCarpeta: 

<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

// PROG023.HTM 

var xl,x2,paso; 
var salida=""; 
var y; 

xl=prompt("Escribe el menor valor de x",""); 
xl=parseFloat(xl); 

x2=prompt("Escribe el mayor valor de x",""); 
x2=parseFloat(x2); 

paso=prompt("Escribe el incremento de x:",""); 
paso=parseFloat(paso); 
for(i=xl ;i<=x2;i=i+paso) 


salida=salida+i+" "+y+"\n"; 

} 

alert(salida); 

</SCRIPT> 

</HTML> 

Es conveniente ejecutar el Prog023.htm, para tener claro su funcionamiento. 

Bien, vamos a seguir el proceso para transformar el programa anterior en “visual”: 

1°) Programa JavaScript en forma de funcion: 

<SCRIPT LANGUAGE="JavaScript"> 
function valores(xl,x2,paso) 

{ 

vary; 

var salida=""; 
x 1 =parseFloat(x 1); 
x2=parseFloat(x2); 
paso=parseFloat(paso); 
for(i=xl ;i<=x2;i=i+paso) 


y=i*i-5*i+10; 

salida=salida+"x= "+i+" y="+y+"<BR>"; 

} 
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document, write(salida); 

} 

</SCRIPT> 


2°) Elementos visuales: 

Tres cuadros de texto para introducir xl, x2 y paso 
Un boton para ej ecu tar el programa 

Es decir: 

<FORM> 

Primer o minimo valor de X:<INPUT TYPE="text" NAME="min"> 

<BR> 

Ultimo o maximo valor de X:<INPUT TYPE="text" NAME="max"> 

<BR> 

Incremento o Variacion entre los valores de X: cINPUT TYPE="text" NAME="incr"> 

<BR> 

<HR> 

<INPUT TYPE="button" VALUE="Tabla de Valores" 

onClick="valores(document.forms[0].min. value,document.forms[0].max. value,document.forms[0].incr.v 
alue);"> 

<HR> 

<BR> 

</FORM> 


Vamos a ver antes de continuar si funciona lo fundamental: 

Escribe el siguiente programa: 

<HTML> 

<!-- PROG070.HTM //--> 

<HEAD> 

<SCRIPT LANGUAGE="JavaScript ”> 
function valores(xl,x2,paso) 

{ 

vary; 

var salida=""; 
xl=parseFloat(xl); 
x2=parseFloat(x2); 
paso=parseFloat(paso); 
for(i=xl;i<=x2;i=i+paso) 

{ 

y=i*i-5*i+10; 

salida=salida+"x= "+i+" y="+y+"<BR>"; 

} 

document, write(salida); 

} 

</SCRIPT> 

</HEAD> 

<BODY> 

<FORM> 

Primer o minimo valor de X:<INPUT TYPE="text" NAME="min"> 

<BR> 

Ultimo o maximo valor de X:<INPUT TYPE="text" NAME="max"> 

<BR> 

Incremento o Variacion entre los valores de X: <INPUT TYPE="text" NAME="incr"> 
<BR> 
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<HR> 

<INPUT TYPE="button" VALUE="Tabla de Valores" 

onClick="valores(document.forms[0].min.value,document.fornis[0].max.value,document.forms[0].i 
ncr. value); "> 

<HR> 

<BR> 

</FORM> 

</BODY> 

</HTML> 


Grabalo en TuCarpeta con el nombre Prog070.htm y ejecutalo. 


3°) Por ultimo se trata de hacerlo “bonito”: 

Escribe: 

<HTML> 

<!— PROG071.HTM //--> 

<HEAD> 

<SCRIPT LANGUAGE= "JavaScript "> 
function valores(xl,x2,paso) 

{ 

vary; 

var salida=""; 
xl=parseFloat(xl); 
x2=parseFloat(x2); 
paso=parseFloat(paso); 
for(i=xl ;i<=x2;i=i+paso) 

{ 

y=i*i-5*i+10; 

salida=salida+"x= "+i+" y="+y+"<BR>"; 

} 

document.write("<P ALIGN='CENTER'><FONT COLOR='red'xB>"+salida); 

} 

</SCRIPT> 

</HEAD> 

<BODY BGCOLOR="GREEN"><FONT COLOR="YELLOW"xHlxP ALIGN="CENTER"> 
Tabla de Valores de la funcion: Y=X*X-5*X+10</H1> 

<FORM> 

Primer o minimo valor de X:<INPUT TYPE="text" NAME="min"> 

<BR> 

Ultimo o maximo valor de X:<INPUT TYPE="text" NAME="max"> 

<BR> 

Incremento o Variation entre los valores de X: <INPUT TYPE="text" NAME="incr"> 

<BR> 

<HRxP ALIGN="CENTER"> 

<INPUT TYPE="button" VALUE="Tabla de Valores" 

onClick="valores(document.forms[0].min.value,document.forms[0].max. value,document.forms[0].i 
ncr. value); "> 

<HR> 

<BR> 

</FORM> 

</BODY> 

</HTML> 
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Grabalo con el nombre Prog071.htm y ejecutalo. 

Es interesante probarlo con valores relativamente grandes, por ejemplo: xl=l, x2=200, paso=l 


Ejemplo2: Calculo del factorial de un numero 
El programa correspondiente era el Prog021.htm: 
<HTML> 

<SCRIPT LANGUAGE="JavaScript"> 

//PROG021.HTM 
var salida=""; 
var fact=l; 
var num; 

num=prompt("Calculo del factorial del numero 
num=parselnt(num, 10); 
for(i=l;i<=num;i++) fact=fact*i; 
alert("El factorial de "+num+" es "+fact); 


</SCRIPT> 

</HTML> 

Ejecuta varias veces el Prog021.htm, para tener claro su funcionamiento. 


Vamos alia: 

1°) Programa en forma de funcion: 

<SCRIPT LANGUAGE="JavaScript"> 
function factorial(num) 

{ 

var fact=l; 
num=parselnt(num); 
for(i=l;i<=num;i++) fact=fact*i; 
return fact; 

} 

</SCRIPT> 


2°) Elementos visuales: 

Un cuadro de texto para introducir un numero. 

Un cuadro de texto para recoger el resultado (el factorial) 
Un boton para ej ecu tar el programa 

Escribe: 

<HTML> 

<!-- PROG072.HTM //--> 

<HEAD> 

<SCRIPT LANGUAGE= "JavaScript ”> 
function factorial(num) 

{ 

var fact=l; 
num=parselnt(num); 


89 



Manual de JavaScript 


for(i=l;i<=num;i++) fact=fact*i; 
return fact; 

} 

</SCRIPT> 

</HEAD> 

<BODY> 

<FORM> 

Escribe el numero:<INPUT TYPE="text" NAME="x"> 

<BRxBR> 

<INPUT TYPE="button" VALUE="Calcular el Factorial" 

onClick="document.forms[0].f.value=factorial(document.forins[0].x.value);"> 

<BRxBR> 

<INPUT TYPE="text" NAME="f"> 

</FORM> 

</BODY> 

</BODY> 

</HTML> 


Grabalo con el nombre Prog072.htm y ejecutalo. 


Vamos a hacer una mejora: “la posibilidad de volver a empezar” 

Escribe: 

<HTML> 

<!-- PROG073.HTM //--> 

<HEAD> 

<SCRIPT LANGUAGE="JavaScript"> 
function factorial(num) 

{ 

var fact=l; 
num=parselnt(num); 
for(i=l;i<=num;i++) fact=fact*i; 
return fact; 

} 

</SCRIPT> 

</HEAD> 

<BODY> 

<FORM> 

Escribe el numero:<INPUT TYPE="text" NAME="x"> 

<BRxBR> 

<INPUT TYPE="button" VALUE="Calcular el Factoriar 

onClick="document.forms[0].f.value=factorial(document.forms[0].x.value);"> 

<BRxBR> 

<INPUT TYPE="text" NAME="f"> 

<BRxBR> 

<INPUT TYPE="button" VALUE="OTRO" 

onClick="document.forms[0].x.value=";document.forms[0].f.value=";"> 

</FORM> 

</BODY> 

</BODY> 

</HTML> 
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Grabalo con el nombre Prog073.htm y ejecutalo. 


3°) Por ultimo vamos a hacerlo bonito: 

Escribe: 

<HTML> 

<!-- PROG074.HTM //--> 

<HEAD> 

<SCRIPT LAN GUAGE='' JavaScript"> 
function factorial(num) 

{ 

var fact=l; 
num=parselnt(num); 
for(i=l;i<=num;i++) fact=fact*i; 
return fact; 

} 

</SCRIPT> 

</HEAD> 

<BODY BGCOLOR= ”#000000"xFONT COLOR= "WHITE "> 

<HlxP ALIGN="CENTER">CALCULO DEL FACTORIAL DE UN NUMERO</Hl> 
<BR> 

<H3>E1 factorial de un numero es el producto del numero por los sucesivos 
enteros anteriores, hasta llegar a la unidad. 

Es decir, el factorial de 5 sera 5*4*3*2*1 por lo tanto 120.</H3> 

<HR> 

<FORM> 

<H2xP ALIGN="CENTER"xFONT COLOR= "RED ”> 

Escribe el numero:<INPUT TYPE="text" NAME="x"> 

<BRxBR> 

<INPUT TYPE="button" VALUE="Calcular el Factoriar 
onClick="document.forms[0].f.value=factorial(document.forms[0].x.value);"> 

<INPUT TYPE="button" VALUE="Otra vez" 

onClick="document.forms[0].x.value=";document.forms[0].f.value=";"> 

<BRxBR> 

<INPUT TYPE="text" NAME="f"> 

<BRxBR> 

</FORM> 

</BODY> 

</BODY> 

</HTML> 


Grabalo con el nombre Prog074.htm y ejecutalo. 
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Ejemplo3: Simplificar una fraccion 
Escribe: 

<HTML> 

<!-- PROG075.HTM //--> 

<HEAD> 

<SCRIPT LANGUAGE= "JavaScript ”> 

function MCD(a,b) 

{ 

var resto,aux; 
if(a<b) 

{ 

aux=a; 

a=b; 

b=aux; 

} 

if ((a%b)==0) resto=b; 
while((a%b) !=0) 

{ 

resto=a%b; 

a=b; 

b=resto; 

} 

return resto; 

} 


</SCRIPT> 

</HEAD> 

<BODY BGCOLOR="YELLOW"xFONT COLOR="RED"> 

<HlxP ALIGN="CENTER">SIMPLIFICACION DE FRACCIONES</Hl> 

<FORMxB> 

<p align="center">Numerador : <input type="text" size="9" 
name="numl"> <br> 

Denominador: <input type="text" size="9" name="denl" 

onblur="document.forms[0].num2.value=document.forms[0].numl.value/MCD(document.forms[0] 
.numl.value,this.value);document.forms[0].den2.value=this.value/MCD(document.forms[0].numl.v 
alue,this, value); "> 

<br> 

</p> 

<hr> 

<p align="center"xbr> 

<input type="text" size="7" name="num2"> <br> 

<input type="text" size="7" name="den2"> <brxbr> 

<INPUT TYPE="button" VALUE="Otra Fraccion" 
onClick="document.forms[0].numl.value=";document.forms[0].denl.value=";document.forms[0]. 
num2. value='' ;document.forms [0] .den2.value="; "> 

</p> 

</form> 

</body> 

</html> 


Grabalo con el nombre Prog075.htm y ejecutalo. 

Observa entre otras cosas que los tags HTML, pueden escribirse en minuscula. 
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Autoevaluacion IV 


1°) En el programa “EvallA.htm” hablamos hecho un programa que restaba dos numeros. 

Has de hacer un programa “visual” de nombre Eval4A.htm, que haga lo mismo, de la siguiente 
forma: 

Dos cuadros de texto para introducir los dos numeros 
Un boton para ej ecu tar el programa 
Un cuadro de texto para el resultado 

El programa debe quedar bonito, es decir: tftulos, colores, etc. 


2°) En el programa “EvallC.htm” tenlamos un programa que nos preguntaba el nombre y la edad y que 
nos daba por resultado los dfas vividos hasta el momento. 

Repite el programa pero “visualmente” (grabalo con el nombre Eval4B.htm) de la siguiente forma: 

Dos cuadros de texto para introducir el nombre y la edad en afios. 

A1 pulsar [Tab] en el 2° cuadro de texto aparece en un tercer cuadro de texto el nombre introducido 
en el primer cuadro y los dfas vividos hasta el momento. 

El programa debe incluir tftulos, colores, etc. 


3°) En el “Prog028.htm” habiamos hecho un programa que construia una tabla de senos. 

Haz un programa de nombre Eval4C.htm, que construya la tabla de senos anterior, pero su salida en 
lugar de ser por un “alert”, que sea por la pantalla del navegador. Mejora dicha salida, por ejemplo: letra 
en negrita, color rojo (fondo negro) y centrado. 


4°) Repite el “EvallF.htm” (area y longitud de una circunferencia), pero “visualmente” de la siguiente 
forma: 

Un cuadro de texto para “recoger” el radio. 

Dos botones para calcular la longitud y el area 
Dos cuadros de texto para escribir la longitud y el area 
Un b 'ton para “volver a empezar”. 

El programa debe incluir tftulos, colores, etc. 

Grabalo con el nombre Eval4D.htm 


5°) Repite el “EvallH.htm” (calculo de un determinante de 2° orden), pero “visualmente”. 
Grabalo con el nombre Eval4E.htm 


6°) Repite el “Evalll.htm” pero “visualmente”. Grabalo con el nombre Eval4F.htm 


7°) Haz un programa “visual” que sirva para pasar un numero de una base de numeration cualquiera 
otra base de numeration cualquiera. Basate en los ejercicios EvallK, EvallL y EvallM. 

Graba el programa con el nombre Eval4g.htm 


8°) Repite el programa “Eval2H.htm” (calculo de un cateto a partir de la hipotenusa y el otro cateto), pero 
“visualmente”. 

Graba el programa con el nombre Eval4h.htm 


9°) Repite el programa “Eval2f.htm” (calculo de los multiplos de 23 inferiores a 1000 y su suma), pero 
“visualmente”. 

Graba el programa con el nombre Eval4i.htm 
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10°) Repite el programa “Eval2p.htm” (producto escalar y vectorial), pero “visualmente”. 
Graba el programa con el nombre Eval4j.htm 


11°) Repite el programa “Eval3a.htm” (calculo del m.c.m.), pero “visualmente”. 
Graba el programa con el nombre Eval4k.htm 


12°) Repite el programa “Eval3f.htm” (estadistica), pero “visualmente”. 
Graba el programa con el nombre Eval41.htm 


13°) Repite el programa “Eval3i.htm” (productos aleatorios), pero “visualmente”. 
Graba el programa con el nombre Eval4m.htm 


14°) Repite el programa “Eval31.htm” (discusion de un sistema lineal), pero “visualmente”. 
Graba el programa con el nombre Eval4n.htm 
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Hasta aqui, la version no registrada del manual. 
Si deseas la parte que falta, es decir: 


5. Programacion en HTML.95 

Ejercicios de autoevaluacion 5.136 

6. Programacion Orientada a Objetos.139 

7. JavaScript y la Web.173 

Soluciones autoevaluacion 1.191 

Soluciones autoevaluacion 2.199 

Soluciones autoevaluacion 3.211 

Soluciones autoevaluacion 4.227 

Soluciones autoevaluacion 5.237 


Debes adquirir la version registrada, es decir entera. 
Es muy facil, has de hacer lo siguiente: 


1) Rellena el siguiente formulario con tus datos: 


Nombre y Apellidos: 


Direccion: 


Codigo Postal: | ~| Poblacion: | 

Version completa del “JavaScript (Manual FV)” 


2) Enviame el formulario anterior por correo ordinario junto con un “billete” (lo que 
consideres justo por un disquete, gastos de manipulacion, envio y “estimulo por mi parte 
para que continue colgando en Internet, mis manuales”). 

A mi direccion que es: F.V. 

c) Valencia 21-25,2°, 4 a 
08915 - Badalona (Barcelona) 

Espana 

3) A vuelta de correo recibiras en tu direccion, un disquete con la version completa del 
manual “JavaScript (Manual FV)”. 
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